#2DABC3 Color

Color Information

HEX#2DABC3
RGB45, 171, 195
HSL190° , 63% , 47%
HSV190° , 77% , 76%
CMYK77%, 12%, 0%, 24%

Lighter Shades

#46B5CA #5FBFD1 #79C9D9 #92D3E0 #ABDDE7 #C4E7EE

Darker Shades

#2896AC #228294 #1D6D7D #175965 #12444E #0D3037

Complementary Palette

#2793A8 #2DABC3 #A83C26 #C3462C #CB604A #4AB7CB

Analogous Palette

#3F9D7D #44AB89 #2AA1B7 #2DABC3 #4467AB #5573AF

Triadic Palette

#2896AC #2DABC3 #CF20B2 #D53BBB #B2CF20 #9DB61C

Split Complementary Palette

#299AB0 #2DABC3 #C32C5F #C9416F #C3912C #B08328

Square Palette

#2690A4 #2DABC3 #8D38B7 #B74E38 #5FC32C #79CD4E

Tetradic Palette

#258CA0 #2DABC3 #3717D9 #C3462C #B9D917 #C6E041

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2DABC3 contains 45 red, 171 green, and 195 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.83:1