#CBD2FC

#CBD2FC

Color Values

HEX

#CBD2FC

RGB

203, 210, 252

HSL

231.4, 89.1%, 89.2%

HSV

231.4, 19.4%, 98.8%

CMYK

19.4%, 16.7%, 0.0%, 1.2%

OKLCH

0.8721 0.0586 277.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#CBD2FC

#FCF5CB

Analogous

#CBEAFC

#DCCBFC

#CBD2FC

Triadic

#CBD2FC

#FCCBD2

#D2FCCB

Split Complementary

#CBD2FC

#FCDCCB

#EAFCCB

Tetradic

#CBD2FC

#FCCBEA

#FCF5CB

#CBFCDC

Color Blindness Simulation

Original

#CBD2FC

Protanopia

#CECEF2

Deuteranopia

#CECDEF

Tritanopia

#CBEAE8

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E4FB
200
#BBC5FB
300
#8B9BF8
400
#4D65F5
500
#0E2EF1
600
#0B25C1
700
#091E9A
800
#071779
900
#0A1557
950
#060D37

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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