#CCCCD7

#CCCCD7

Color Values

HEX

#CCCCD7

RGB

204, 204, 215

HSL

240.0, 12.1%, 82.2%

HSV

240.0, 5.1%, 84.3%

CMYK

5.1%, 5.1%, 0.0%, 15.7%

OKLCH

0.8485 0.0151 286.1

Properties

Cool Light Nearest: RAL 7047 Telegrey 4

Color Harmonies

Complementary

#CCCCD7

#D7D7CC

Analogous

#CCD2D7

#D2CCD7

#CCCCD7

Triadic

#CCCCD7

#D7CCCC

#CCD7CC

Split Complementary

#CCCCD7

#D7D2CC

#D2D7CC

Tetradic

#CCCCD7

#D7CCD2

#D7D7CC

#CCD7D2

Color Blindness Simulation

Original

#CCCCD7

Protanopia

#CCCCD4

Deuteranopia

#CCCCD4

Tritanopia

#CCD2D2

Achromatopsia

#CDCDCD

CSS Usage

background-color: #CCCCD7;
color: #CCCCD7;
border-color: #CCCCD7;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F7F8
100
#EBEBEF
200
#D7D7E0
300
#BABAC9
400
#9595AC
500
#70708F
600
#5A5A72
700
#48485B
800
#383847
900
#2B2B36
950
#1B1B22

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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