Skip to main content

#03314C

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
#03314C
RGB
rgb(3, 49, 76)
RGBA
rgba(3, 49, 76, 1)
HSL
hsl(202.19, 92.41%, 15.49%)
HSLA
hsla(202, 92%, 15%, 1)
CMYK
cmyk(96%, 36%, 0%, 70%)

Color Palettes

Harmonious color combinations based on #03314C

Monochromatic

Shades and tints of the same hue

#022031
#065F93
#0A9FF5
#6CC5F9
#CEECFD

Analogous

Adjacent colors on the color wheel

#03491D
#034940
#03314C
#030C49
#1D0349

Complementary

Opposite color for maximum contrast

#03314C
#491D03

Triadic

Three evenly spaced colors

#03314C
#490330
#304903

CSS Usage Examples

Background

background-color: #03314C;

Text

color: #03314C;

Border

border: 2px solid #03314C;

Shadow

box-shadow: 0 4px 6px #03314C40;
Feedback