#CBD1F2

#CBD1F2

Color Values

HEX

#CBD1F2

RGB

203, 209, 242

HSL

230.8, 60.0%, 87.3%

HSV

230.8, 16.1%, 94.9%

CMYK

16.1%, 13.6%, 0.0%, 5.1%

OKLCH

0.8666 0.0461 277.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#CBD1F2

#F2ECCB

Analogous

#CBE5F2

#D9CBF2

#CBD1F2

Triadic

#CBD1F2

#F2CBD1

#D1F2CB

Split Complementary

#CBD1F2

#F2D9CB

#E5F2CB

Tetradic

#CBD1F2

#F2CBE5

#F2ECCB

#CBF2D9

Color Blindness Simulation

Original

#CBD1F2

Protanopia

#CECEEA

Deuteranopia

#CDCDE8

Tritanopia

#CBE4E2

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CCF1
300
#9DA8E7
400
#6879D9
500
#334ACC
600
#293CA3
700
#213083
800
#1A2566
900
#161E4B
950
#0E132F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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