#BEBADD

#BEBADD

Color Values

HEX

#BEBADD

RGB

190, 186, 221

HSL

246.9, 34.0%, 79.8%

HSV

246.9, 15.8%, 86.7%

CMYK

14.0%, 15.8%, 0.0%, 13.3%

OKLCH

0.8035 0.0492 290.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BEBADD

#D9DDBA

Analogous

#BAC7DD

#D0BADD

#BEBADD

Triadic

#BEBADD

#DDBEBA

#BADDBE

Split Complementary

#BEBADD

#DDD0BA

#C7DDBA

Tetradic

#BEBADD

#DDBAC7

#D9DDBA

#BADDD0

Color Blindness Simulation

Original

#BEBADD

Protanopia

#BCBCD5

Deuteranopia

#BCBDD2

Tritanopia

#BECECC

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE7
300
#B2ADD7
400
#8881C1
500
#5E54AB
600
#4B4389
700
#3C366D
800
#2F2A55
900
#25223F
950
#171528

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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