#C8D0DC

#C8D0DC

Color Values

HEX

#C8D0DC

RGB

200, 208, 220

HSL

216.0, 22.2%, 82.4%

HSV

216.0, 9.1%, 86.3%

CMYK

9.1%, 5.5%, 0.0%, 13.7%

OKLCH

0.8551 0.0188 258.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C8D0DC

#DCD4C8

Analogous

#C8DADC

#CAC8DC

#C8D0DC

Triadic

#C8D0DC

#DCC8D0

#D0DCC8

Split Complementary

#C8D0DC

#DCCAC8

#DADCC8

Tetradic

#C8D0DC

#DCC8DA

#DCD4C8

#C8DCCA

Color Blindness Simulation

Original

#C8D0DC

Protanopia

#CBCCD9

Deuteranopia

#CBCAD8

Tritanopia

#C8D7D6

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF1
200
#D3DAE3
300
#B4BFCF
400
#8C9CB6
500
#637A9C
600
#4F617D
700
#3F4E64
800
#323D4E
900
#272F3A
950
#181D25

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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