#C4F2EC

#C4F2EC

Color Values

HEX

#C4F2EC

RGB

196, 242, 236

HSL

172.2, 63.9%, 85.9%

HSV

172.2, 19.0%, 94.9%

CMYK

19.0%, 0.0%, 2.5%, 5.1%

OKLCH

0.9274 0.0479 186.6

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#C4F2EC

#F2C4CA

Analogous

#C4F2D5

#C4E1F2

#C4F2EC

Triadic

#C4F2EC

#ECC4F2

#F2ECC4

Split Complementary

#C4F2EC

#F2C4E1

#F2D5C4

Tetradic

#C4F2EC

#D5C4F2

#F2C4CA

#E1F2C4

Color Blindness Simulation

Original

#C4F2EC

Protanopia

#D8D8ED

Deuteranopia

#D5D2EE

Tritanopia

#C6EFEF

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E3F7F4
200
#C4F2EC
300
#9BE9DF
400
#64DDCD
500
#2ED1BC
600
#25A796
700
#1D8678
800
#17685E
900
#154C45
950
#0D302C

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.26:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026