#CBCAE7

#CBCAE7

Color Values

HEX

#CBCAE7

RGB

203, 202, 231

HSL

242.1, 37.7%, 84.9%

HSV

242.1, 12.6%, 90.6%

CMYK

12.1%, 12.6%, 0.0%, 9.4%

OKLCH

0.8489 0.0401 287.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBCAE7

#E6E7CA

Analogous

#CAD7E7

#DACAE7

#CBCAE7

Triadic

#CBCAE7

#E7CBCA

#CAE7CB

Split Complementary

#CBCAE7

#E7DACA

#D7E7CA

Tetradic

#CBCAE7

#E7CAD7

#E6E7CA

#CAE7DA

Color Blindness Simulation

Original

#CBCAE7

Protanopia

#CBCBE0

Deuteranopia

#CBCBDE

Tritanopia

#CBDAD9

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCEE9
300
#ACABD9
400
#807DC4
500
#534FB0
600
#42408C
700
#353370
800
#292858
900
#212041
950
#151429

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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