#2AAAB0 Color

Color Information

HEX	#2AAAB0
RGB	42, 170, 176
HSL	183° , 61% , 43%
HSV	183° , 76% , 69%
CMYK	76%, 3%, 0%, 31%

Lighter Shades

#44B4B9 #5DBEC3 #77C9CC #90D3D6 #AADDDF #C3E7E9

Darker Shades

#25969B #208186 #1B6D71 #16585C #114446 #0C3031

Complementary Palette

#249297 #2AAAB0 #982A25 #B1312B #BC4E49 #48B6BB

Analogous Palette

#3C906A #419B72 #27A0A5 #2AAAB0 #41699B #5477A0

Triadic Palette

#25969B #2AAAB0 #BC20B4 #C43BBD #B4BC20 #9EA51C

Split Complementary Palette

#26999E #2AAAB0 #B12B67 #B94076 #B1742B #9F6827

Square Palette

#238F94 #2AAAB0 #7336A6 #A63B36 #67B12B #7FBD4D

Tetradic Palette

#228B90 #2AAAB0 #2017C4 #B1312B #BCC417 #C8CF41

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AAAB0 contains 42 red, 170 green, and 176 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.58:1