#CBD3CF

#CBD3CF

Color Values

HEX

#CBD3CF

RGB

203, 211, 207

HSL

150,0, 8,3%, 81,2%

HSV

150,0, 3,8%, 82,7%

CMYK

3,8%, 0,0%, 1,9%, 17,3%

OKLCH

0,8595 0,0103 164,8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CBD3CF

#D3CBCF

Analogous

#CBD3CB

#CBD3D3

#CBD3CF

Triadic

#CBD3CF

#CFCBD3

#D3CFCB

Split Complementary

#CBD3CF

#D3CBD3

#D3CBCB

Tetradic

#CBD3CF

#CBCBD3

#D3CBCF

#D3D3CB

Color Blindness Simulation

Original

#CBD3CF

Protanopia

#CECFD0

Deuteranopia

#CECDD0

Tritanopia

#CBD1D1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D8DEDB
300
#BDC7C2
400
#99A8A1
500
#758A80
600
#5E6E66
700
#4B5852
800
#3A4540
900
#2D3430
950
#1C211F

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,76:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026