#BFBAE7

#BFBAE7

Color Values

HEX

#BFBAE7

RGB

191, 186, 231

HSL

246.7, 48.4%, 81.8%

HSV

246.7, 19.5%, 90.6%

CMYK

17.3%, 19.5%, 0.0%, 9.4%

OKLCH

0.808 0.0631 290.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BFBAE7

#E2E7BA

Analogous

#BACCE7

#D6BAE7

#BFBAE7

Triadic

#BFBAE7

#E7BFBA

#BAE7BF

Split Complementary

#BFBAE7

#E7D6BA

#CCE7BA

Tetradic

#BFBAE7

#E7BACC

#E2E7BA

#BAE7D6

Color Blindness Simulation

Original

#BFBAE7

Protanopia

#BDBDDC

Deuteranopia

#BDBEDA

Tritanopia

#BFD4D2

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CECAED
300
#ABA4DF
400
#7D73CE
500
#5042BD
600
#403597
700
#332A79
800
#28215F
900
#201B46
950
#14112C

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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