#CCD7D7

#CCD7D7

Color Values

HEX

#CCD7D7

RGB

204, 215, 215

HSL

180.0, 12.1%, 82.2%

HSV

180.0, 5.1%, 84.3%

CMYK

5.1%, 0.0%, 0.0%, 15.7%

OKLCH

0.8708 0.0119 196.9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CCD7D7

#D7CCCC

Analogous

#CCD7D2

#CCD2D7

#CCD7D7

Triadic

#CCD7D7

#D7CCD7

#D7D7CC

Split Complementary

#CCD7D7

#D7CCD2

#D7D2CC

Tetradic

#CCD7D7

#D2CCD7

#D7CCCC

#D2D7CC

Color Blindness Simulation

Original

#CCD7D7

Protanopia

#D1D1D7

Deuteranopia

#D0CFD7

Tritanopia

#CDD7D7

Achromatopsia

#D5D5D5

CSS Usage

background-color: #CCD7D7;
color: #CCD7D7;
border-color: #CCD7D7;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0E0
300
#BAC9C9
400
#95ACAC
500
#708F8F
600
#5A7272
700
#485B5B
800
#384747
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026