#2A5650 Color

Color Information

HEX	#2A5650
RGB	42, 86, 80
HSL	172° , 34% , 25%
HSV	172° , 51% , 34%
CMYK	51%, 0%, 7%, 66%

Lighter Shades

#446A65 #5D7F7A #77938F #90A7A4 #AABBB9 #C3D0CE

Darker Shades

#254C46 #20413D #1B3733 #162D2A #112220 #0C1816

Complementary Palette

#244A45 #2A5650 #492429 #552A30 #6D484D #486E69

Analogous Palette

#324338 #36493D #27514B #2A5650 #364349 #43535B

Triadic Palette

#254C46 #2A5650 #55245C #693E70 #5C5524 #514B20

Split Complementary Palette

#264D48 #2A5650 #552A46 #663F59 #553A2A #4D3426

Square Palette

#234843 #2A5650 #3C304F #4F3035 #46552A #64704C

Tetradic Palette

#224742 #2A5650 #1F2761 #552A30 #61591F #7D7747

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5650 contains 42 red, 86 green, and 80 blue.

Contrast Ratio: 8.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1