#BDBCF6

#BDBCF6

Color Values

HEX

#BDBCF6

RGB

189, 188, 246

HSL

241.0, 76.3%, 85.1%

HSV

241.0, 23.6%, 96.5%

CMYK

23.2%, 23.6%, 0.0%, 3.5%

OKLCH

0.8161 0.0812 285.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDBCF6

#F5F6BC

Analogous

#BCD8F6

#DABCF6

#BDBCF6

Triadic

#BDBCF6

#F6BDBC

#BCF6BD

Split Complementary

#BDBCF6

#F6DABC

#D8F6BC

Tetradic

#BDBCF6

#F6BCD8

#F5F6BC

#BCF6DA

Color Blindness Simulation

Original

#BDBCF6

Protanopia

#BDBDE8

Deuteranopia

#BDBDE5

Tritanopia

#BDDDDA

Achromatopsia

#C0C0C0

CSS Usage

background-color: #BDBCF6;
color: #BDBCF6;
border-color: #BDBCF6;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C1C0F7
300
#9593F0
400
#5B59E9
500
#211EE1
600
#1B18B4
700
#151390
800
#110F70
900
#100F52
950
#0A0A34

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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