#C4F3ED

#C4F3ED

Color Values

HEX

#C4F3ED

RGB

196, 243, 237

HSL

172.3, 66.2%, 86.1%

HSV

172.3, 19.3%, 95.3%

CMYK

19.3%, 0.0%, 2.5%, 4.7%

OKLCH

0.9297 0.0488 186.8

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#C4F3ED

#F3C4CA

Analogous

#C4F3D6

#C4E2F3

#C4F3ED

Triadic

#C4F3ED

#EDC4F3

#F3EDC4

Split Complementary

#C4F3ED

#F3C4E2

#F3D6C4

Tetradic

#C4F3ED

#D6C4F3

#F3C4CA

#E2F3C4

Color Blindness Simulation

Original

#C4F3ED

Protanopia

#D8D9EE

Deuteranopia

#D6D2EF

Tritanopia

#C6F0F0

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F3ED
300
#99EAE0
400
#62DFCF
500
#2BD4BE
600
#22AA98
700
#1C887A
800
#166A5F
900
#144D46
950
#0C312C

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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