#2A587A Color

Color Information

HEX	#2A587A
RGB	42, 88, 122
HSL	206° , 49% , 32%
HSV	206° , 66% , 48%
CMYK	66%, 28%, 0%, 52%

Lighter Shades

#446C8A #5D809A #7794AA #90A8BA #AABCCA #C3D0DA

Darker Shades

#254D6B #20435D #1B384E #162E3F #112331 #0C1922

Complementary Palette

#244C69 #2A587A #694124 #7A4C2A #8D6548 #486F8D

Analogous Palette

#37625F #3A6966 #275373 #2A587A #3A3D69 #4E5173

Triadic Palette

#254D6B #2A587A #822158 #913C6C #588221 #4D721D

Split Complementary Palette

#264F6E #2A587A #7A2A2F #873F44 #7A742A #6E6826

Square Palette

#234A66 #2A587A #6D3271 #714D32 #2F7A2A #508F4C

Tetradic Palette

#224864 #2A587A #4A1B88 #7A4C2A #59881B #779D44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A587A contains 42 red, 88 green, and 122 blue.

Contrast Ratio: 7.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.74:1