#C1D9FC

#C1D9FC

Color Values

HEX

#C1D9FC

RGB

193, 217, 252

HSL

215.6, 90.8%, 87.3%

HSV

215.6, 23.4%, 98.8%

CMYK

23.4%, 13.9%, 0.0%, 1.2%

OKLCH

0.8789 0.055 257.7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C1D9FC

#FCE4C1

Analogous

#C1F7FC

#C7C1FC

#C1D9FC

Triadic

#C1D9FC

#FCC1D9

#D9FCC1

Split Complementary

#C1D9FC

#FCC7C1

#F7FCC1

Tetradic

#C1D9FC

#FCC1F7

#FCE4C1

#C1FCC7

Color Blindness Simulation

Original

#C1D9FC

Protanopia

#CBCCF4

Deuteranopia

#CAC8F1

Tritanopia

#C2EDEB

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BBD5FC
300
#8AB7F9
400
#4B91F6
500
#0C6AF3
600
#0955C3
700
#08449C
800
#06357A
900
#092958
950
#061A38

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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