#054666 Color

Color Information

HEX	#054666
RGB	5, 70, 102
HSL	200° , 91% , 21%
HSV	200° , 95% , 40%
CMYK	95%, 31%, 0%, 60%

Lighter Shades

#235C78 #41728B #5F899D #7D9FAF #9BB5C2 #B9CBD4

Darker Shades

#043E5A #04354E #032D41 #032435 #021C29 #01141D

Complementary Palette

#043C58 #054666 #582004 #662505 #7B4428 #28607B

Analogous Palette

#0F5247 #105C4F #054260 #054666 #101C5C #273163

Triadic Palette

#043E5A #054666 #6B0047 #7D1F5D #476B00 #3E5E00

Split Complementary Palette

#053F5C #054666 #660515 #751E2C #665605 #5C4D05

Square Palette

#043B56 #054666 #520A61 #61270A #156605 #3A7E2D

Tetradic Palette

#043954 #054666 #24006B #662505 #476B00 #68862E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #054666 contains 5 red, 70 green, and 102 blue.

Contrast Ratio: 10.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1