#CBDFFE

#CBDFFE

Color Values

HEX

#CBDFFE

RGB

203, 223, 254

HSL

216.5, 96.2%, 89.6%

HSV

216.5, 20.1%, 99.6%

CMYK

20.1%, 12.2%, 0.0%, 0.4%

OKLCH

0.8986 0.0478 259.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CBDFFE

#FEEACB

Analogous

#CBF8FE

#D0CBFE

#CBDFFE

Triadic

#CBDFFE

#FECBDF

#DFFECB

Split Complementary

#CBDFFE

#FED0CB

#F8FECB

Tetradic

#CBDFFE

#FECBF8

#FEEACB

#CBFED0

Color Blindness Simulation

Original

#CBDFFE

Protanopia

#D4D4F7

Deuteranopia

#D2D1F5

Tritanopia

#CCF1EF

Achromatopsia

#DDDDDD

CSS Usage

background-color: #CBDFFE;
color: #CBDFFE;
border-color: #CBDFFE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FE
300
#87B5FD
400
#468DFB
500
#0565FA
600
#0451C8
700
#0341A0
800
#02327D
900
#07275A
950
#041939

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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