#C1D4F2

#C1D4F2

Color Values

HEX

#C1D4F2

RGB

193, 212, 242

HSL

216.7, 65.3%, 85.3%

HSV

216.7, 20.2%, 94.9%

CMYK

20.2%, 12.4%, 0.0%, 5.1%

OKLCH

0.8653 0.0466 259.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C1D4F2

#F2DFC1

Analogous

#C1EDF2

#C7C1F2

#C1D4F2

Triadic

#C1D4F2

#F2C1D4

#D4F2C1

Split Complementary

#C1D4F2

#F2C7C1

#EDF2C1

Tetradic

#C1D4F2

#F2C1ED

#F2DFC1

#C1F2C7

Color Blindness Simulation

Original

#C1D4F2

Protanopia

#C9C9EB

Deuteranopia

#C8C7E9

Tritanopia

#C2E5E4

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F3
300
#9AB9EA
400
#6393DE
500
#2C6DD3
600
#2357A9
700
#1C4687
800
#163669
900
#142A4D
950
#0D1B31

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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