#2CAAC3 Color

Color Information

HEX#2CAAC3
RGB44, 170, 195
HSL190° , 63% , 47%
HSV190° , 77% , 76%
CMYK77%, 13%, 0%, 24%

Lighter Shades

#45B4CA #5FBED1 #78C9D9 #91D3E0 #ABDDE7 #C4E7EE

Darker Shades

#2796AC #218194 #1C6D7D #175865 #12444E #0C3037

Complementary Palette

#2692A8 #2CAAC3 #A83C26 #C3462C #CB604A #4AB6CB

Analogous Palette

#3F9D7D #44AB89 #29A0B7 #2CAAC3 #4467AB #5573AF

Triadic Palette

#2796AC #2CAAC3 #CF20B2 #D53BBB #B2CF20 #9DB61C

Split Complementary Palette

#2899B0 #2CAAC3 #C32C5F #C9416F #C3912C #B08328

Square Palette

#258FA4 #2CAAC3 #8D38B7 #B74E38 #5FC32C #79CD4E

Tetradic Palette

#248BA0 #2CAAC3 #3717D9 #C3462C #B9D917 #C6E041

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CAAC3 contains 44 red, 170 green, and 195 blue.

Contrast Ratio: 2.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.75:1