#C4E3DC

#C4E3DC

Color Values

HEX

#C4E3DC

RGB

196, 227, 220

HSL

166.5, 35.6%, 82.9%

HSV

166.5, 13.7%, 89.0%

CMYK

13.7%, 0.0%, 3.1%, 11.0%

OKLCH

0.8913 0.034 180.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C4E3DC

#E3C4CB

Analogous

#C4E3CC

#C4DAE3

#C4E3DC

Triadic

#C4E3DC

#DCC4E3

#E3DCC4

Split Complementary

#C4E3DC

#E3C4DA

#E3CCC4

Tetradic

#C4E3DC

#CCC4E3

#E3C4CB

#DAE3C4

Color Blindness Simulation

Original

#C4E3DC

Protanopia

#D1D2DE

Deuteranopia

#D0CDDE

Tritanopia

#C6DFDF

Achromatopsia

#DCDCDC

CSS Usage

background-color: #C4E3DC;
color: #C4E3DC;
border-color: #C4E3DC;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E8F3F0
200
#CFE8E2
300
#ACD8CE
400
#7FC2B3
500
#52AD98
600
#428A7A
700
#356F62
800
#29564C
900
#214039
950
#152824

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.37:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026