#BEBAE4

#BEBAE4

Color Values

HEX

#BEBAE4

RGB

190, 186, 228

HSL

245.7, 43.8%, 81.2%

HSV

245.7, 18.4%, 89.4%

CMYK

16.7%, 18.4%, 0.0%, 10.6%

OKLCH

0.8061 0.0589 289.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BEBAE4

#E0E4BA

Analogous

#BACBE4

#D3BAE4

#BEBAE4

Triadic

#BEBAE4

#E4BEBA

#BAE4BE

Split Complementary

#BEBAE4

#E4D3BA

#CBE4BA

Tetradic

#BEBAE4

#E4BACB

#E0E4BA

#BAE4D3

Color Blindness Simulation

Original

#BEBAE4

Protanopia

#BCBCDA

Deuteranopia

#BCBDD7

Tritanopia

#BED2D0

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#CFCCEB
300
#ACA7DD
400
#7F77CA
500
#5248B7
600
#423993
700
#352E75
800
#29245C
900
#211D44
950
#15132B

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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