#C2E1DF

#C2E1DF

Color Values

HEX

#C2E1DF

RGB

194, 225, 223

HSL

176.1, 34.1%, 82.2%

HSV

176.1, 13.8%, 88.2%

CMYK

13.8%, 0.0%, 0.9%, 11.8%

OKLCH

0.8867 0.0328 191.8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C2E1DF

#E1C2C4

Analogous

#C2E1D0

#C2D4E1

#C2E1DF

Triadic

#C2E1DF

#DFC2E1

#E1DFC2

Split Complementary

#C2E1DF

#E1C2D4

#E1D0C2

Tetradic

#C2E1DF

#D0C2E1

#E1C2C4

#D4E1C2

Color Blindness Simulation

Original

#C2E1DF

Protanopia

#CFD0DF

Deuteranopia

#CECBE0

Tritanopia

#C4E0E0

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD7D4
400
#80C1BD
500
#54ABA5
600
#438984
700
#366D6A
800
#2A5553
900
#223F3D
950
#152827

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.13:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026