#CBC8E3

#CBC8E3

Color Values

HEX

#CBC8E3

RGB

203, 200, 227

HSL

246.7, 32.5%, 83.7%

HSV

246.7, 11.9%, 89.0%

CMYK

10.6%, 11.9%, 0.0%, 11.0%

OKLCH

0.8436 0.0374 290.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBC8E3

#E0E3C8

Analogous

#C8D2E3

#D8C8E3

#CBC8E3

Triadic

#CBC8E3

#E3CBC8

#C8E3CB

Split Complementary

#CBC8E3

#E3D8C8

#D2E3C8

Tetradic

#CBC8E3

#E3C8D2

#E0E3C8

#C8E3D8

Color Blindness Simulation

Original

#CBC8E3

Protanopia

#CACADC

Deuteranopia

#CACADB

Tritanopia

#CBD7D6

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CBC8E3;
color: #CBC8E3;
border-color: #CBC8E3;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D2D0E7
300
#B2AED6
400
#8982BF
500
#5F56A9
600
#4C4587
700
#3D376C
800
#302B54
900
#25223F
950
#181628

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.91:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026