#C4F2F1

#C4F2F1

Color Values

HEX

#C4F2F1

RGB

196, 242, 241

HSL

178.7, 63.9%, 85.9%

HSV

178.7, 19.0%, 94.9%

CMYK

19.0%, 0.0%, 0.4%, 5.1%

OKLCH

0.9288 0.0472 194.7

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C4F2F1

#F2C4C5

Analogous

#C4F2DA

#C4DCF2

#C4F2F1

Triadic

#C4F2F1

#F1C4F2

#F2F1C4

Split Complementary

#C4F2F1

#F2C4DC

#F2DAC4

Tetradic

#C4F2F1

#DAC4F2

#F2C4C5

#DCF2C4

Color Blindness Simulation

Original

#C4F2F1

Protanopia

#D8D8F1

Deuteranopia

#D5D2F1

Tritanopia

#C6F1F1

Achromatopsia

#E8E8E8

CSS Usage

background-color: #C4F2F1;
color: #C4F2F1;
border-color: #C4F2F1;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F2F1
300
#9BE9E7
400
#64DDDA
500
#2ED1CD
600
#25A7A4
700
#1D8683
800
#176867
900
#154C4B
950
#0D302F

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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