#CBCAE8

#CBCAE8

Color Values

HEX

#CBCAE8

RGB

203, 202, 232

HSL

242.0, 39.5%, 85.1%

HSV

242.0, 12.9%, 91.0%

CMYK

12.5%, 12.9%, 0.0%, 9.0%

OKLCH

0.8493 0.0415 287.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBCAE8

#E7E8CA

Analogous

#CAD8E8

#DACAE8

#CBCAE8

Triadic

#CBCAE8

#E8CBCA

#CAE8CB

Split Complementary

#CBCAE8

#E8DACA

#D8E8CA

Tetradic

#CBCAE8

#E8CAD8

#E7E8CA

#CAE8DA

Color Blindness Simulation

Original

#CBCAE8

Protanopia

#CBCBE1

Deuteranopia

#CBCBDF

Tritanopia

#CBDBDA

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDE9
300
#ABAADA
400
#7E7BC6
500
#504DB2
600
#403E8E
700
#343172
800
#282759
900
#201F42
950
#141429

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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