Skip to main content

#03224C

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
#03224C
RGB
rgb(3, 34, 76)
RGBA
rgba(3, 34, 76, 1)
HSL
hsl(214.52, 92.41%, 15.49%)
HSLA
hsla(215, 92%, 15%, 1)
CMYK
cmyk(96%, 55%, 0%, 70%)

Color Palettes

Harmonious color combinations based on #03224C

Monochromatic

Shades and tints of the same hue

#021631
#064193
#0A6CF5
#6CA7F9
#CEE2FD

Analogous

Adjacent colors on the color wheel

#03492C
#034449
#03224C
#090349
#2C0349

Complementary

Opposite color for maximum contrast

#03224C
#492C03

Triadic

Three evenly spaced colors

#03224C
#490320
#204903

CSS Usage Examples

Background

background-color: #03224C;

Text

color: #03224C;

Border

border: 2px solid #03224C;

Shadow

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