#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026