#2AA7AA Color

Color Information

HEX#2AA7AA
RGB42, 167, 170
HSL181° , 60% , 42%
HSV181° , 75% , 67%
CMYK75%, 2%, 0%, 33%

Lighter Shades

#44B2B4 #5DBCBE #77C7C9 #90D1D3 #AADCDD #C3E6E7

Darker Shades

#259396 #207F81 #1B6B6D #165758 #114344 #0C2F30

Complementary Palette

#249092 #2AA7AA #932725 #AB2D2B #B74A49 #48B3B6

Analogous Palette

#3D8A65 #40966D #279DA0 #2AA7AA #406A96 #54779C

Triadic Palette

#259396 #2AA7AA #B620B4 #BF3BBD #B4B620 #9EA01C

Split Complementary Palette

#269699 #2AA7AA #AB2B69 #B34078 #AB6D2B #9A6227

Square Palette

#238C8F #2AA7AA #6D36A1 #A13736 #69AB2B #81B84D

Tetradic Palette

#22898B #2AA7AA #1A18BF #AB2D2B #BCBF18 #C8CB42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA7AA contains 42 red, 167 green, and 170 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.31:1