#04507C Color

Color Information

HEX#04507C
RGB4, 80, 124
HSL202° , 94% , 25%
HSV202° , 97% , 49%
CMYK97%, 35%, 0%, 51%

Lighter Shades

#22658C #407A9B #5E8FAB #7CA4BB #9BB9CB #B9CEDA

Darker Shades

#04466D #033D5E #03334F #022A40 #022032 #011623

Complementary Palette

#03456B #04507C #6B2903 #7C3004 #8E4D27 #27698E

Analogous Palette

#10655A #116F62 #044B75 #04507C #111D6F #283277

Triadic Palette

#04466D #04507C #800051 #8F1F66 #518000 #477100

Split Complementary Palette

#044870 #04507C #7C0414 #891D2C #7C6C04 #706104

Square Palette

#034368 #04507C #670A75 #75310A #147C04 #3A912C

Tetradic Palette

#034266 #04507C #2F0080 #7C3004 #518000 #70972E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #04507C contains 4 red, 80 green, and 124 blue.

Contrast Ratio: 8.7:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.41:1