#BDDAF4

#BDDAF4

Color Values

HEX

#BDDAF4

RGB

189, 218, 244

HSL

208.4, 71.4%, 84.9%

HSV

208.4, 22.5%, 95.7%

CMYK

22.5%, 10.7%, 0.0%, 4.3%

OKLCH

0.8755 0.0475 245.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BDDAF4

#F4D7BD

Analogous

#BDF4F3

#BDBEF4

#BDDAF4

Triadic

#BDDAF4

#F4BDDA

#DAF4BD

Split Complementary

#BDDAF4

#F4BDBE

#F4F3BD

Tetradic

#BDDAF4

#F3BDF4

#F4D7BD

#BEF4BD

Color Blindness Simulation

Original

#BDDAF4

Protanopia

#CACAEE

Deuteranopia

#C8C6EC

Tritanopia

#BEE9E8

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DDF5
300
#96C4ED
400
#5DA4E4
500
#2484DB
600
#1D6AAF
700
#17558C
800
#12426D
900
#113250
950
#0B2032

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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