#C1DFE1

#C1DFE1

Color Values

HEX

#C1DFE1

RGB

193, 223, 225

HSL

183.8, 34.8%, 82.0%

HSV

183.8, 14.2%, 88.2%

CMYK

14.2%, 0.9%, 0.0%, 11.8%

OKLCH

0.8824 0.0318 201.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C1DFE1

#E1C3C1

Analogous

#C1E1D3

#C1CFE1

#C1DFE1

Triadic

#C1DFE1

#E1C1DF

#DFE1C1

Split Complementary

#C1DFE1

#E1C1CF

#E1D3C1

Tetradic

#C1DFE1

#D3C1E1

#E1C3C1

#CFE1C1

Color Blindness Simulation

Original

#C1DFE1

Protanopia

#CECEE1

Deuteranopia

#CCCAE0

Tritanopia

#C2E0E0

Achromatopsia

#D9D9D9

CSS Usage

background-color: #C1DFE1;
color: #C1DFE1;
border-color: #C1DFE1;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE6E8
300
#ADD4D7
400
#80BDC1
500
#53A6AC
600
#438589
700
#356A6E
800
#2A5356
900
#213E40
950
#152728

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.91:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026