#CBCBD4

#CBCBD4

Color Values

HEX

#CBCBD4

RGB

203, 203, 212

HSL

240.0, 9.5%, 81.4%

HSV

240.0, 4.2%, 83.1%

CMYK

4.2%, 4.2%, 0.0%, 16.9%

OKLCH

0.8448 0.0124 286.1

Properties

Cool Light Nearest: NCS S 2000-N Light Grey

Color Harmonies

Complementary

#CBCBD4

#D4D4CB

Analogous

#CBD0D4

#D0CBD4

#CBCBD4

Triadic

#CBCBD4

#D4CBCB

#CBD4CB

Split Complementary

#CBCBD4

#D4D0CB

#D0D4CB

Tetradic

#CBCBD4

#D4CBD0

#D4D4CB

#CBD4D0

Color Blindness Simulation

Original

#CBCBD4

Protanopia

#CBCBD2

Deuteranopia

#CBCBD1

Tritanopia

#CBD0D0

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D8D8DF
300
#BCBCC8
400
#9898AA
500
#73738C
600
#5C5C70
700
#4A4A59
800
#3A3A46
900
#2C2C35
950
#1C1C21

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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