#BCBDDA

#BCBDDA

Color Values

HEX

#BCBDDA

RGB

188, 189, 218

HSL

238.0, 28.8%, 79.6%

HSV

238.0, 13.8%, 85.5%

CMYK

13.8%, 13.3%, 0.0%, 14.5%

OKLCH

0.8069 0.0407 283.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCBDDA

#DAD9BC

Analogous

#BCCCDA

#CABCDA

#BCBDDA

Triadic

#BCBDDA

#DABCBD

#BDDABC

Split Complementary

#BCBDDA

#DACABC

#CCDABC

Tetradic

#BCBDDA

#DABCCC

#DAD9BC

#BCDACA

Color Blindness Simulation

Original

#BCBDDA

Protanopia

#BCBCD3

Deuteranopia

#BCBCD1

Tritanopia

#BCCDCC

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D1D2E6
300
#B0B1D3
400
#8587BC
500
#5B5DA4
600
#494B83
700
#3A3C69
800
#2D2F52
900
#24253D
950
#171727

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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