#BEAADF

#BEAADF

Color Values

HEX

#BEAADF

RGB

190, 170, 223

HSL

262.6, 45.3%, 77.1%

HSV

262.6, 23.8%, 87.5%

CMYK

14.8%, 23.8%, 0.0%, 12.5%

OKLCH

0.7732 0.0773 301.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BEAADF

#CBDFAA

Analogous

#AAB1DF

#D9AADF

#BEAADF

Triadic

#BEAADF

#DFBEAA

#AADFBE

Split Complementary

#BEAADF

#DFD9AA

#B1DFAA

Tetradic

#BEAADF

#DFAAB1

#CBDFAA

#AADFD9

Color Blindness Simulation

Original

#BEAADF

Protanopia

#B5B5D2

Deuteranopia

#B6B8CF

Tritanopia

#BDC8C6

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CBEB
300
#BBA6DE
400
#9676CB
500
#7146B9
600
#5B3894
700
#482D77
800
#39235D
900
#2C1D44
950
#1C122B

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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