#CBCCD9

#CBCCD9

Color Values

HEX

#CBCCD9

RGB

203, 204, 217

HSL

235,7, 15,6%, 82,4%

HSV

235,7, 6,5%, 85,1%

CMYK

6,5%, 6,0%, 0,0%, 14,9%

OKLCH

0,8484 0,018 282,5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBCCD9

#D9D8CB

Analogous

#CBD3D9

#D1CBD9

#CBCCD9

Triadic

#CBCCD9

#D9CBCC

#CCD9CB

Split Complementary

#CBCCD9

#D9D1CB

#D3D9CB

Tetradic

#CBCCD9

#D9CBD3

#D9D8CB

#CBD9D1

Color Blindness Simulation

Original

#CBCCD9

Protanopia

#CBCBD6

Deuteranopia

#CBCBD5

Tritanopia

#CBD3D3

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBF0
200
#D6D7E1
300
#B8BACB
400
#9294AF
500
#6C6E93
600
#565876
700
#45475E
800
#36374A
900
#2A2B37
950
#1A1B23

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

13,18: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