#CBCBE7

#CBCBE7

Color Values

HEX

#CBCBE7

RGB

203, 203, 231

HSL

240.0, 36.8%, 85.1%

HSV

240.0, 12.1%, 90.6%

CMYK

12.1%, 12.1%, 0.0%, 9.4%

OKLCH

0.8509 0.0387 285.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBCBE7

#E7E7CB

Analogous

#CBD9E7

#D9CBE7

#CBCBE7

Triadic

#CBCBE7

#E7CBCB

#CBE7CB

Split Complementary

#CBCBE7

#E7D9CB

#D9E7CB

Tetradic

#CBCBE7

#E7CBD9

#E7E7CB

#CBE7D9

Color Blindness Simulation

Original

#CBCBE7

Protanopia

#CBCBE0

Deuteranopia

#CBCBDF

Tritanopia

#CBDBDA

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECEE8
300
#ABABD8
400
#7E7EC3
500
#5151AE
600
#40408C
700
#343470
800
#282857
900
#202040
950
#141429

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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