#C1D8FE

#C1D8FE

Color Values

HEX

#C1D8FE

RGB

193, 216, 254

HSL

217.4, 96.8%, 87.6%

HSV

217.4, 24.0%, 99.6%

CMYK

24.0%, 15.0%, 0.0%, 0.4%

OKLCH

0.8776 0.0583 260.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C1D8FE

#FEE7C1

Analogous

#C1F6FE

#C8C1FE

#C1D8FE

Triadic

#C1D8FE

#FEC1D8

#D8FEC1

Split Complementary

#C1D8FE

#FEC8C1

#F6FEC1

Tetradic

#C1D8FE

#FEC1F6

#FEE7C1

#C1FEC8

Color Blindness Simulation

Original

#C1D8FE

Protanopia

#CBCBF5

Deuteranopia

#CAC8F3

Tritanopia

#C2EEEC

Achromatopsia

#D6D6D6

CSS Usage

background-color: #C1D8FE;
color: #C1D8FE;
border-color: #C1D8FE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B9D3FE
300
#87B3FD
400
#458AFC
500
#0461FB
600
#034EC9
700
#033EA1
800
#02317D
900
#06265B
950
#041839

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026