#BDCFFE

#BDCFFE

Color Values

HEX

#BDCFFE

RGB

189, 207, 254

HSL

223.4, 97.0%, 86.9%

HSV

223.4, 25.6%, 99.6%

CMYK

25.6%, 18.5%, 0.0%, 0.4%

OKLCH

0.8568 0.0686 268.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDCFFE

#FEECBD

Analogous

#BDF0FE

#CCBDFE

#BDCFFE

Triadic

#BDCFFE

#FEBDCF

#CFFEBD

Split Complementary

#BDCFFE

#FECCBD

#F0FEBD

Tetradic

#BDCFFE

#FEBDF0

#FEECBD

#BDFECC

Color Blindness Simulation

Original

#BDCFFE

Protanopia

#C5C5F3

Deuteranopia

#C4C2F0

Tritanopia

#BEEAE8

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CCFE
300
#86A7FD
400
#4578FC
500
#0448FB
600
#033AC9
700
#022EA1
800
#02247E
900
#061E5B
950
#041339

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026