#C4ECF2

#C4ECF2

Color Values

HEX

#C4ECF2

RGB

196, 236, 242

HSL

187.8, 63.9%, 85.9%

HSV

187.8, 19.0%, 94.9%

CMYK

19.0%, 2.5%, 0.0%, 5.1%

OKLCH

0.9166 0.0422 207.6

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C4ECF2

#F2CAC4

Analogous

#C4F2E1

#C4D5F2

#C4ECF2

Triadic

#C4ECF2

#F2C4EC

#ECF2C4

Split Complementary

#C4ECF2

#F2C4D5

#F2E1C4

Tetradic

#C4ECF2

#E1C4F2

#F2CAC4

#D5F2C4

Color Blindness Simulation

Original

#C4ECF2

Protanopia

#D5D6F1

Deuteranopia

#D3D0F0

Tritanopia

#C6EFEF

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4ECF2
300
#9BDFE9
400
#64CDDD
500
#2EBCD1
600
#2596A7
700
#1D7886
800
#175E68
900
#15454C
950
#0D2C30

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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