#CBCCFA

#CBCCFA

Color Values

HEX

#CBCCFA

RGB

203, 204, 250

HSL

238.7, 82.5%, 88.8%

HSV

238.7, 18.8%, 98.0%

CMYK

18.8%, 18.4%, 0.0%, 2.0%

OKLCH

0.8596 0.0636 284.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CBCCFA

#FAF9CB

Analogous

#CBE3FA

#E1CBFA

#CBCCFA

Triadic

#CBCCFA

#FACBCC

#CCFACB

Split Complementary

#CBCCFA

#FAE1CB

#E3FACB

Tetradic

#CBCCFA

#FACBE3

#FAF9CB

#CBFAE1

Color Blindness Simulation

Original

#CBCCFA

Protanopia

#CBCBEF

Deuteranopia

#CBCBEC

Tritanopia

#CBE6E4

Achromatopsia

#CFCFCF

CSS Usage

background-color: #CBCCFA;
color: #CBCCFA;
border-color: #CBCCFA;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF9
300
#8F91F4
400
#5356EE
500
#161BE9
600
#1215BA
700
#0E1195
800
#0B0D74
900
#0C0E54
950
#080935

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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