#BDC8EE

#BDC8EE

Color Values

HEX

#BDC8EE

RGB

189, 200, 238

HSL

226.5, 59.0%, 83.7%

HSV

226.5, 20.6%, 93.3%

CMYK

20.6%, 16.0%, 0.0%, 6.7%

OKLCH

0.8368 0.0546 272.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDC8EE

#EEE3BD

Analogous

#BDE0EE

#CABDEE

#BDC8EE

Triadic

#BDC8EE

#EEBDC8

#C8EEBD

Split Complementary

#BDC8EE

#EECABD

#E0EEBD

Tetradic

#BDC8EE

#EEBDE0

#EEE3BD

#BDEECA

Color Blindness Simulation

Original

#BDC8EE

Protanopia

#C2C2E5

Deuteranopia

#C1C0E3

Tritanopia

#BEDEDC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E8F6
200
#C6D0F0
300
#9EAEE6
400
#6982D8
500
#3456CB
600
#2A45A2
700
#213782
800
#1A2B65
900
#17224A
950
#0E162F

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026