#C7D1DC

#C7D1DC

Color Values

HEX

#C7D1DC

RGB

199, 209, 220

HSL

211.4, 23.1%, 82.2%

HSV

211.4, 9.5%, 86.3%

CMYK

9.5%, 5.0%, 0.0%, 13.7%

OKLCH

0.8563 0.0188 250.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C7D1DC

#DCD2C7

Analogous

#C7DCDC

#C8C7DC

#C7D1DC

Triadic

#C7D1DC

#DCC7D1

#D1DCC7

Split Complementary

#C7D1DC

#DCC8C7

#DCDCC7

Tetradic

#C7D1DC

#DCC7DC

#DCD2C7

#C7DCC8

Color Blindness Simulation

Original

#C7D1DC

Protanopia

#CBCBD9

Deuteranopia

#CBCAD9

Tritanopia

#C7D7D7

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DBE4
300
#B4C1D0
400
#8BA0B6
500
#627E9D
600
#4E657E
700
#3F5164
800
#313F4E
900
#26303B
950
#181E25

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.58:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026