#CBD3F4

#CBD3F4

Color Values

HEX

#CBD3F4

RGB

203, 211, 244

HSL

228.3, 65.1%, 87.6%

HSV

228.3, 16.8%, 95.7%

CMYK

16.8%, 13.5%, 0.0%, 4.3%

OKLCH

0.8712 0.0465 274.6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#CBD3F4

#F4ECCB

Analogous

#CBE7F4

#D7CBF4

#CBD3F4

Triadic

#CBD3F4

#F4CBD3

#D3F4CB

Split Complementary

#CBD3F4

#F4D7CB

#E7F4CB

Tetradic

#CBD3F4

#F4CBE7

#F4ECCB

#CBF4D7

Color Blindness Simulation

Original

#CBD3F4

Protanopia

#CECFEC

Deuteranopia

#CECDEA

Tritanopia

#CBE6E4

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CDF3
300
#9AA9EA
400
#637BDE
500
#2C4DD3
600
#243DA8
700
#1C3187
800
#162669
900
#141F4D
950
#0D1431

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