#BDC6EE

#BDC6EE

Color Values

HEX

#BDC6EE

RGB

189, 198, 238

HSL

229.0, 59.0%, 83.7%

HSV

229.0, 20.6%, 93.3%

CMYK

20.6%, 16.8%, 0.0%, 6.7%

OKLCH

0.8328 0.0569 275.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDC6EE

#EEE5BD

Analogous

#BDDEEE

#CCBDEE

#BDC6EE

Triadic

#BDC6EE

#EEBDC6

#C6EEBD

Split Complementary

#BDC6EE

#EECCBD

#DEEEBD

Tetradic

#BDC6EE

#EEBDDE

#EEE5BD

#BDEECC

Color Blindness Simulation

Original

#BDC6EE

Protanopia

#C1C1E4

Deuteranopia

#C0C0E2

Tritanopia

#BDDDDB

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CEF0
300
#9EABE6
400
#697DD8
500
#3450CB
600
#2A40A2
700
#213382
800
#1A2865
900
#17204A
950
#0E142F

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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