#2A577E Color

Color Information

HEX#2A577E
RGB42, 87, 126
HSL208° , 50% , 33%
HSV208° , 67% , 49%
CMYK67%, 31%, 0%, 51%

Lighter Shades

#446B8D #5D7F9D #7793AC #90A8BC #AABCCB #C3D0DB

Darker Shades

#254D6F #204260 #1B3851 #162D42 #112332 #0C1823

Complementary Palette

#244B6C #2A577E #6C4624 #7E512A #906948 #486F90

Analogous Palette

#366362 #3B6D6C #275276 #2A577E #3B3D6D #4E5073

Triadic Palette

#254D6F #2A577E #872258 #953D6C #588722 #4D771E

Split Complementary Palette

#264E71 #2A577E #7E2A2D #8B3F42 #7E7B2A #716F26

Square Palette

#23496A #2A577E #743276 #765232 #2D7E2A #4F934C

Tetradic Palette

#224767 #2A577E #501B8D #7E512A #588D1B #76A244

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A577E contains 42 red, 87 green, and 126 blue.

Contrast Ratio: 7.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.73:1