#BEBAFD

#BEBAFD

Color Values

HEX

#BEBAFD

RGB

190, 186, 253

HSL

243,6, 94,4%, 86,1%

HSV

243,6, 26,5%, 99,2%

CMYK

24,9%, 26,5%, 0,0%, 0,8%

OKLCH

0,8159 0,0937 286,9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BEBAFD

#F9FDBA

Analogous

#BAD8FD

#E0BAFD

#BEBAFD

Triadic

#BEBAFD

#FDBEBA

#BAFDBE

Split Complementary

#BEBAFD

#FDE0BA

#D8FDBA

Tetradic

#BEBAFD

#FDBAD8

#F9FDBA

#BAFDE0

Color Blindness Simulation

Original

#BEBAFD

Protanopia

#BCBCED

Deuteranopia

#BCBDE9

Tritanopia

#BEE0DD

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BEBAFD
300
#8F88FC
400
#5248FA
500
#1607F8
600
#1106C6
700
#0E059F
800
#0B047C
900
#0C075A
950
#080539

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,63: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