#C8D6DF

#C8D6DF

Color Values

HEX

#C8D6DF

RGB

200, 214, 223

HSL

203.5, 26.4%, 82.9%

HSV

203.5, 10.3%, 87.5%

CMYK

10.3%, 4.0%, 0.0%, 12.5%

OKLCH

0.8682 0.0196 235.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C8D6DF

#DFD1C8

Analogous

#C8DFDC

#C8CADF

#C8D6DF

Triadic

#C8D6DF

#DFC8D6

#D6DFC8

Split Complementary

#C8D6DF

#DFC8CA

#DFDCC8

Tetradic

#C8D6DF

#DCC8DF

#DFD1C8

#CADFC8

Color Blindness Simulation

Original

#C8D6DF

Protanopia

#CECEDD

Deuteranopia

#CDCCDC

Tritanopia

#C9DBDB

Achromatopsia

#D4D4D4

CSS Usage

background-color: #C8D6DF;
color: #C8D6DF;
border-color: #C8D6DF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B2C5D2
400
#88A6BA
500
#5E87A1
600
#4B6C81
700
#3C5667
800
#2F4351
900
#25333C
950
#172026

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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