#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

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