#2A586A Color

Color Information

HEX	#2A586A
RGB	42, 88, 106
HSL	197° , 43% , 29%
HSV	197° , 60% , 42%
CMYK	60%, 17%, 0%, 58%

Lighter Shades

#446C7C #5D808E #7794A0 #90A8B2 #AABCC3 #C3D0D5

Darker Shades

#254D5D #204351 #1B3844 #162E37 #11232A #0C191E

Complementary Palette

#244C5B #2A586A #5B3424 #6A3C2A #7F5748 #486F7F

Analogous Palette

#35554E #395B54 #275364 #2A586A #39405B #4C5267

Triadic Palette

#254D5D #2A586A #71235B #823D6F #5B7123 #50631F

Split Complementary Palette

#264F5F #2A586A #6A2A38 #793F4C #6A5C2A #5F5326

Square Palette

#234A59 #2A586A #583262 #623F32 #386A2A #58824C

Tetradic Palette

#224857 #2A586A #361D77 #6A3C2A #5D771D #7A8F46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A586A contains 42 red, 88 green, and 106 blue.

Contrast Ratio: 7.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.67:1