#C4F3E2

#C4F3E2

Color Values

HEX

#C4F3E2

RGB

196, 243, 226

HSL

158.3, 66.2%, 86.1%

HSV

158.3, 19.3%, 95.3%

CMYK

19.3%, 0.0%, 7.0%, 4.7%

OKLCH

0.9266 0.0535 171.1

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#C4F3E2

#F3C4D5

Analogous

#C4F3CB

#C4EDF3

#C4F3E2

Triadic

#C4F3E2

#E2C4F3

#F3E2C4

Split Complementary

#C4F3E2

#F3C4ED

#F3CBC4

Tetradic

#C4F3E2

#CBC4F3

#F3C4D5

#EDF3C4

Color Blindness Simulation

Original

#C4F3E2

Protanopia

#D8D9E6

Deuteranopia

#D6D2E7

Tritanopia

#C6E9EA

Achromatopsia

#E8E8E8

CSS Usage

background-color: #C4F3E2;
color: #C4F3E2;
border-color: #C4F3E2;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C4F3E2
300
#99EACD
400
#62DFB2
500
#2BD497
600
#22AA79
700
#1C8861
800
#166A4B
900
#144D38
950
#0C3124

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026