#BAAEFB

#BAAEFB

Color Values

HEX

#BAAEFB

RGB

186, 174, 251

HSL

249.4, 90.6%, 83.3%

HSV

249.4, 30.7%, 98.4%

CMYK

25.9%, 30.7%, 0.0%, 1.6%

OKLCH

0.7891 0.1086 290.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BAAEFB

#EFFBAE

Analogous

#AEC8FB

#E1AEFB

#BAAEFB

Triadic

#BAAEFB

#FBBAAE

#AEFBBA

Split Complementary

#BAAEFB

#FBE1AE

#C8FBAE

Tetradic

#BAAEFB

#FBAEC8

#EFFBAE

#AEFBE1

Color Blindness Simulation

Original

#BAAEFB

Protanopia

#B5B5E8

Deuteranopia

#B6B6E4

Tritanopia

#B9DAD6

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E4DFFB
200
#C5BBFC
300
#9C8AF9
400
#664BF6
500
#300CF3
600
#270AC2
700
#1F089C
800
#18067A
900
#150958
950
#0D0638

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.54:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026