#BDC4EE

#BDC4EE

Color Values

HEX

#BDC4EE

RGB

189, 196, 238

HSL

231.4, 59.0%, 83.7%

HSV

231.4, 20.6%, 93.3%

CMYK

20.6%, 17.6%, 0.0%, 6.7%

OKLCH

0.8288 0.0594 277.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDC4EE

#EEE7BD

Analogous

#BDDCEE

#CEBDEE

#BDC4EE

Triadic

#BDC4EE

#EEBDC4

#C4EEBD

Split Complementary

#BDC4EE

#EECEBD

#DCEEBD

Tetradic

#BDC4EE

#EEBDDC

#EEE7BD

#BDEECE

Color Blindness Simulation

Original

#BDC4EE

Protanopia

#C0C0E4

Deuteranopia

#C0BFE1

Tritanopia

#BDDCDA

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CCF0
300
#9EA8E6
400
#6979D8
500
#344ACB
600
#2A3BA2
700
#212F82
800
#1A2565
900
#171E4A
950
#0E132F

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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