#CBD2F4

#CBD2F4

Color Values

HEX

#CBD2F4

RGB

203, 210, 244

HSL

229.8, 65.1%, 87.6%

HSV

229.8, 16.8%, 95.7%

CMYK

16.8%, 13.9%, 0.0%, 4.3%

OKLCH

0.8692 0.0476 276.2

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#CBD2F4

#F4EDCB

Analogous

#CBE6F4

#D8CBF4

#CBD2F4

Triadic

#CBD2F4

#F4CBD2

#D2F4CB

Split Complementary

#CBD2F4

#F4D8CB

#E6F4CB

Tetradic

#CBD2F4

#F4CBE6

#F4EDCB

#CBF4D8

Color Blindness Simulation

Original

#CBD2F4

Protanopia

#CECEEC

Deuteranopia

#CECDEA

Tritanopia

#CBE5E4

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CCF3
300
#9AA8EA
400
#6378DE
500
#2C49D3
600
#243AA8
700
#1C2F87
800
#162469
900
#141E4D
950
#0D1331

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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