#C1D9FE

#C1D9FE

Color Values

HEX

#C1D9FE

RGB

193, 217, 254

HSL

216.4, 96.8%, 87.6%

HSV

216.4, 24.0%, 99.6%

CMYK

24.0%, 14.6%, 0.0%, 0.4%

OKLCH

0.8796 0.0575 259.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C1D9FE

#FEE6C1

Analogous

#C1F7FE

#C7C1FE

#C1D9FE

Triadic

#C1D9FE

#FEC1D9

#D9FEC1

Split Complementary

#C1D9FE

#FEC7C1

#F7FEC1

Tetradic

#C1D9FE

#FEC1F7

#FEE6C1

#C1FEC7

Color Blindness Simulation

Original

#C1D9FE

Protanopia

#CBCCF5

Deuteranopia

#CAC8F3

Tritanopia

#C2EEEC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B9D4FE
300
#87B5FD
400
#458DFC
500
#0465FB
600
#0351C9
700
#0341A1
800
#02337D
900
#06275B
950
#041939

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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