#CBDFF9

#CBDFF9

Color Values

HEX

#CBDFF9

RGB

203, 223, 249

HSL

213.9, 79.3%, 88.6%

HSV

213.9, 18.5%, 97.6%

CMYK

18.5%, 10.4%, 0.0%, 2.4%

OKLCH

0.8969 0.0418 255.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CBDFF9

#F9E5CB

Analogous

#CBF6F9

#CECBF9

#CBDFF9

Triadic

#CBDFF9

#F9CBDF

#DFF9CB

Split Complementary

#CBDFF9

#F9CECB

#F6F9CB

Tetradic

#CBDFF9

#F9CBF6

#F9E5CB

#CBF9CE

Color Blindness Simulation

Original

#CBDFF9

Protanopia

#D4D4F3

Deuteranopia

#D2D1F1

Tritanopia

#CCEEED

Achromatopsia

#DDDDDD

CSS Usage

background-color: #CBDFF9;
color: #CBDFF9;
border-color: #CBDFF9;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFD8F8
300
#91BBF2
400
#5697EB
500
#1A72E5
600
#155BB7
700
#114992
800
#0D3972
900
#0E2C53
950
#091C34

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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