#CBDCE5

#CBDCE5

Color Values

HEX

#CBDCE5

RGB

203, 220, 229

HSL

200.8, 33.3%, 84.7%

HSV

200.8, 11.4%, 89.8%

CMYK

11.4%, 3.9%, 0.0%, 10.2%

OKLCH

0.8844 0.0221 230.6

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CBDCE5

#E5D4CB

Analogous

#CBE5E1

#CBCFE5

#CBDCE5

Triadic

#CBDCE5

#E5CBDC

#DCE5CB

Split Complementary

#CBDCE5

#E5CBCF

#E5E1CB

Tetradic

#CBDCE5

#E1CBE5

#E5D4CB

#CFE5CB

Color Blindness Simulation

Original

#CBDCE5

Protanopia

#D2D3E3

Deuteranopia

#D1D0E2

Tritanopia

#CCE1E1

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC8D6
400
#81AAC0
500
#558DAA
600
#447088
700
#365A6D
800
#2B4655
900
#22353F
950
#152128

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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