#CBCDFB

#CBCDFB

Color Values

HEX

#CBCDFB

RGB

203, 205, 251

HSL

237.5, 85.7%, 89.0%

HSV

237.5, 19.1%, 98.4%

CMYK

19.1%, 18.3%, 0.0%, 1.6%

OKLCH

0.8619 0.0637 283.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CBCDFB

#FBF9CB

Analogous

#CBE5FB

#E1CBFB

#CBCDFB

Triadic

#CBCDFB

#FBCBCD

#CDFBCB

Split Complementary

#CBCDFB

#FBE1CB

#E5FBCB

Tetradic

#CBCDFB

#FBCBE5

#FBF9CB

#CBFBE1

Color Blindness Simulation

Original

#CBCDFB

Protanopia

#CCCCF0

Deuteranopia

#CCCCED

Tritanopia

#CBE7E5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBFFA
300
#8D92F6
400
#5057F2
500
#121BED
600
#0F16BD
700
#0C1198
800
#090E76
900
#0B0E56
950
#070936

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026