#2AAE7E Color

Color Information

HEX#2AAE7E
RGB42, 174, 126
HSL158° , 61% , 42%
HSV158° , 76% , 68%
CMYK76%, 0%, 28%, 32%

Lighter Shades

#44B88D #5DC19D #77CBAC #90D5BC #AADFCB #C3E8DB

Darker Shades

#25996F #208460 #1B6F51 #165A42 #114632 #0C3123

Complementary Palette

#24966C #2AAE7E #94244D #AC2A5A #B84871 #48B990

Analogous Palette

#3C8B46 #3F974B #27A476 #2AAE7E #3F8B97 #54929C

Triadic Palette

#25996F #2AAE7E #7F1FB7 #8E3AC0 #B77F1F #A1701B

Split Complementary Palette

#269D71 #2AAE7E #AC2A9B #B43FA5 #AC3B2A #9B3526

Square Palette

#23926A #2AAE7E #4334A2 #A2345D #9BAC2A #ABB94C

Tetradic Palette

#228F67 #2AAE7E #1655C0 #AC2A5A #C08216 #CB9940

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AAE7E contains 42 red, 174 green, and 126 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.56:1