#2CA6AA Color

Color Information

HEX#2CA6AA
RGB44, 166, 170
HSL182° , 59% , 42%
HSV182° , 74% , 67%
CMYK74%, 2%, 0%, 33%

Lighter Shades

#45B1B4 #5FBBBE #78C6C9 #91D1D3 #ABDBDD #C4E6E7

Darker Shades

#279296 #217E81 #1C6A6D #175658 #124244 #0C2E30

Complementary Palette

#268F92 #2CA6AA #922926 #AA302C #B64D4A #4AB2B6

Analogous Palette

#3B8763 #41956E #299CA0 #2CA6AA #416895 #55769B

Triadic Palette

#279296 #2CA6AA #B521B0 #BE3CB9 #B0B521 #9B9F1D

Split Complementary Palette

#289599 #2CA6AA #AA2C67 #B34176 #AA6F2C #996428

Square Palette

#258B8F #2CA6AA #6F37A0 #A03A37 #67AA2C #7FB84E

Tetradic Palette

#24888B #2CA6AA #1E19BE #AA302C #B8BE19 #C5CA42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CA6AA contains 44 red, 166 green, and 170 blue.

Contrast Ratio: 2.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.24:1