#C8DCF3

#C8DCF3

Color Values

HEX

#C8DCF3

RGB

200, 220, 243

HSL

212.1, 64.2%, 86.9%

HSV

212.1, 17.7%, 95.3%

CMYK

17.7%, 9.5%, 0.0%, 4.7%

OKLCH

0.8868 0.0384 251.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C8DCF3

#F3DFC8

Analogous

#C8F2F3

#CAC8F3

#C8DCF3

Triadic

#C8DCF3

#F3C8DC

#DCF3C8

Split Complementary

#C8DCF3

#F3CAC8

#F2F3C8

Tetradic

#C8DCF3

#F3C8F2

#F3DFC8

#C8F3CA

Color Blindness Simulation

Original

#C8DCF3

Protanopia

#D1D1ED

Deuteranopia

#D0CEEC

Tritanopia

#C9E9E8

Achromatopsia

#D9D9D9

CSS Usage

background-color: #C8DCF3;
color: #C8DCF3;
border-color: #C8DCF3;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4DAF2
300
#9BBFE9
400
#649CDD
500
#2E7AD1
600
#2561A7
700
#1D4E86
800
#173D69
900
#142E4C
950
#0D1D30

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026