#CBDCED

#CBDCED

Color Values

HEX

#CBDCED

RGB

203, 220, 237

HSL

210.0, 48.6%, 86.3%

HSV

210.0, 14.3%, 92.9%

CMYK

14.3%, 7.2%, 0.0%, 7.1%

OKLCH

0.8869 0.0298 248.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBDCED

#EDDCCB

Analogous

#CBEDED

#CBCBED

#CBDCED

Triadic

#CBDCED

#EDCBDC

#DCEDCB

Split Complementary

#CBDCED

#EDCBCB

#EDEDCB

Tetradic

#CBDCED

#EDCBED

#EDDCCB

#CBEDCB

Color Blindness Simulation

Original

#CBDCED

Protanopia

#D2D3E9

Deuteranopia

#D1D0E8

Tritanopia

#CCE6E5

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#CADBED
300
#A4C2E0
400
#73A1CF
500
#4280BD
600
#346698
700
#2A5279
800
#21405F
900
#1B3046
950
#111F2C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.0:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026