#2CAA9C Color

Color Information

HEX#2CAA9C
RGB44, 170, 156
HSL173° , 59% , 42%
HSV173° , 74% , 67%
CMYK74%, 0%, 8%, 33%

Lighter Shades

#45B4A8 #5FBEB4 #78C9C0 #91D3CC #ABDDD7 #C4E7E3

Darker Shades

#279689 #218177 #1C6D64 #175851 #12443E #0C302C

Complementary Palette

#269286 #2CAA9C #922633 #AA2C3B #B64A56 #4AB6AA

Analogous Palette

#3B8758 #419561 #29A093 #2CAA9C #417595 #55809B

Triadic Palette

#279689 #2CAA9C #A421B5 #AF3CBE #B5A421 #9F901D

Split Complementary Palette

#28998C #2CAA9C #AA2C7A #B34187 #AA5C2C #995328

Square Palette

#258F83 #2CAA9C #5F37A0 #A03743 #7AAA2C #8FB84E

Tetradic Palette

#248B80 #2CAA9C #192CBE #AA2C3B #BEAA19 #CAB942

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CAA9C contains 44 red, 170 green, and 156 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.44:1