Skip to main content

#315FCD

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#315FCD
RGB
rgb(49, 95, 205)
RGBA
rgba(49, 95, 205, 1)
HSL
hsl(222.31, 61.42%, 49.8%)
HSLA
hsla(222, 61%, 50%, 1)
CMYK
cmyk(76%, 54%, 0%, 20%)

Color Palettes

Harmonious color combinations based on #315FCD

Monochromatic

Shades and tints of the same hue

#0A1329
#1E3A7B
#3260CD
#84A0E1
#D6DFF5

Analogous

Adjacent colors on the color wheel

#32CD9F
#32AECD
#315FCD
#5132CD
#9F32CD

Complementary

Opposite color for maximum contrast

#315FCD
#CD9F32

Triadic

Three evenly spaced colors

#315FCD
#CD3260
#60CD32

CSS Usage Examples

Background

background-color: #315FCD;

Text

color: #315FCD;

Border

border: 2px solid #315FCD;

Shadow

box-shadow: 0 4px 6px #315FCD40;
Feedback