#2AC4DF Color

Color Information

HEX#2AC4DF
RGB42, 196, 223
HSL189° , 74% , 52%
HSV189° , 81% , 87%
CMYK81%, 12%, 0%, 13%

Lighter Shades

#44CBE3 #5DD2E7 #77D9EB #90E0EE #AAE7F2 #C3EEF6

Darker Shades

#25ACC4 #2095A9 #1B7D8F #166674 #114E59 #0C373E

Complementary Palette

#24A9C0 #2AC4DF #C03B24 #DF452A #E35F48 #48CCE3

Analogous Palette

#40B58C #43C798 #27B8D2 #2AC4DF #4371C7 #527DCB

Triadic Palette

#25ACC4 #2AC4DF #EB1ECD #ED39D3 #CDEB1E #B4CF1A

Split Complementary Palette

#26B0C9 #2AC4DF #DF2A69 #E23F78 #DFA02A #C99026

Square Palette

#23A5BB #2AC4DF #9C36D3 #D34E36 #69DF2A #81E44C

Tetradic Palette

#22A1B7 #2AC4DF #3614F5 #DF452A #D3F514 #DBF73E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AC4DF contains 42 red, 196 green, and 223 blue.

Contrast Ratio: 2.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.17:1