#CBD1FC

#CBD1FC

Color Values

HEX

#CBD1FC

RGB

203, 209, 252

HSL

232.7, 89.1%, 89.2%

HSV

232.7, 19.4%, 98.8%

CMYK

19.4%, 17.1%, 0.0%, 1.2%

OKLCH

0.8701 0.0598 278.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CBD1FC

#FCF6CB

Analogous

#CBE9FC

#DDCBFC

#CBD1FC

Triadic

#CBD1FC

#FCCBD1

#D1FCCB

Split Complementary

#CBD1FC

#FCDDCB

#E9FCCB

Tetradic

#CBD1FC

#FCCBE9

#FCF6CB

#CBFCDD

Color Blindness Simulation

Original

#CBD1FC

Protanopia

#CECEF2

Deuteranopia

#CDCDEF

Tritanopia

#CBE9E8

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FB
200
#BBC3FB
300
#8B99F8
400
#4D61F5
500
#0E2AF1
600
#0B21C1
700
#091B9A
800
#071579
900
#0A1357
950
#060C37

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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