#CBCEDF

#CBCEDF

Color Values

HEX

#CBCEDF

RGB

203, 206, 223

HSL

231.0, 23.8%, 83.5%

HSV

231.0, 9.0%, 87.5%

CMYK

9.0%, 7.6%, 0.0%, 12.5%

OKLCH

0.8543 0.0237 277.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBCEDF

#DFDCCB

Analogous

#CBD8DF

#D2CBDF

#CBCEDF

Triadic

#CBCEDF

#DFCBCE

#CEDFCB

Split Complementary

#CBCEDF

#DFD2CB

#D8DFCB

Tetradic

#CBCEDF

#DFCBD8

#DFDCCB

#CBDFD2

Color Blindness Simulation

Original

#CBCEDF

Protanopia

#CCCCDB

Deuteranopia

#CCCCDA

Tritanopia

#CBD8D7

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEBF1
200
#D3D5E4
300
#B3B8D0
400
#8A91B7
500
#616A9E
600
#4E557E
700
#3E4465
800
#31354F
900
#26293B
950
#181A25

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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