#C7CCD8

#C7CCD8

Color Values

HEX

#C7CCD8

RGB

199, 204, 216

HSL

222.4, 17.9%, 81.4%

HSV

222.4, 7.9%, 84.7%

CMYK

7.9%, 5.6%, 0.0%, 15.3%

OKLCH

0.8449 0.0175 267.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C7CCD8

#D8D3C7

Analogous

#C7D5D8

#CBC7D8

#C7CCD8

Triadic

#C7CCD8

#D8C7CC

#CCD8C7

Split Complementary

#C7CCD8

#D8CBC7

#D5D8C7

Tetradic

#C7CCD8

#D8C7D5

#D8D3C7

#C7D8CB

Color Blindness Simulation

Original

#C7CCD8

Protanopia

#C9C9D5

Deuteranopia

#C9C8D4

Tritanopia

#C7D3D2

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D9E2
300
#B7BDCD
400
#909AB2
500
#697696
600
#545E78
700
#434C60
800
#343B4B
900
#292D38
950
#1A1D24

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.06:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026