#C1D3EE

#C1D3EE

Color Values

HEX

#C1D3EE

RGB

193, 211, 238

HSL

216.0, 57.0%, 84.5%

HSV

216.0, 18.9%, 93.3%

CMYK

18.9%, 11.3%, 0.0%, 6.7%

OKLCH

0.8619 0.0424 258.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C1D3EE

#EEDCC1

Analogous

#C1E9EE

#C5C1EE

#C1D3EE

Triadic

#C1D3EE

#EEC1D3

#D3EEC1

Split Complementary

#C1D3EE

#EEC5C1

#E9EEC1

Tetradic

#C1D3EE

#EEC1E9

#EEDCC1

#C1EEC5

Color Blindness Simulation

Original

#C1D3EE

Protanopia

#C9C9E7

Deuteranopia

#C8C6E6

Tritanopia

#C2E2E1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7F0
300
#9FBBE5
400
#6B96D6
500
#3771C8
600
#2C5AA0
700
#234880
800
#1B3864
900
#182B49
950
#0F1B2E

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.82:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026