#2A717C Color

Color Information

HEX	#2A717C
RGB	42, 113, 124
HSL	188° , 49% , 33%
HSV	188° , 66% , 49%
CMYK	66%, 9%, 0%, 51%

Lighter Shades

#44828C #5D939B #77A4AB #90B5BB #AAC6CB #C3D7DA

Darker Shades

#25636D #20565E #1B484F #163B40 #112D32 #0C2023

Complementary Palette

#24616B #2A717C #6C2E25 #7D362B #8F5249 #48858E

Analogous Palette

#376252 #3C6D5B #276A75 #2A717C #3C4E6D #4F5C72

Triadic Palette

#25636D #2A717C #862379 #953D89 #798623 #6A761F

Split Complementary Palette

#266670 #2A717C #7D2B49 #8A405B #7D5F2B #715627

Square Palette

#235F68 #2A717C #5D3375 #753C33 #497D2B #66924D

Tetradic Palette

#225D66 #2A717C #2B1C8D #7D362B #7D8D1C #94A245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A717C contains 42 red, 113 green, and 124 blue.

Contrast Ratio: 5.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.76:1