#C4F2E5

#C4F2E5

Color Values

HEX

#C4F2E5

RGB

196, 242, 229

HSL

163.0, 63.9%, 85.9%

HSV

163.0, 19.0%, 94.9%

CMYK

19.0%, 0.0%, 5.4%, 5.1%

OKLCH

0.9254 0.0504 176.1

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#C4F2E5

#F2C4D1

Analogous

#C4F2CE

#C4E8F2

#C4F2E5

Triadic

#C4F2E5

#E5C4F2

#F2E5C4

Split Complementary

#C4F2E5

#F2C4E8

#F2CEC4

Tetradic

#C4F2E5

#CEC4F2

#F2C4D1

#E8F2C4

Color Blindness Simulation

Original

#C4F2E5

Protanopia

#D8D8E8

Deuteranopia

#D5D2E9

Tritanopia

#C6EBEB

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F7F1
200
#C4F2E5
300
#9BE9D3
400
#64DDBB
500
#2ED1A3
600
#25A782
700
#1D8668
800
#176851
900
#154C3D
950
#0D3026

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.18: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