#B3AEFB

#B3AEFB

Color Values

HEX

#B3AEFB

RGB

179, 174, 251

HSL

243.9, 90.6%, 83.3%

HSV

243.9, 30.7%, 98.4%

CMYK

28.7%, 30.7%, 0.0%, 1.6%

OKLCH

0.7835 0.1087 286.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B3AEFB

#F6FBAE

Analogous

#AECFFB

#D9AEFB

#B3AEFB

Triadic

#B3AEFB

#FBB3AE

#AEFBB3

Split Complementary

#B3AEFB

#FBD9AE

#CFFBAE

Tetradic

#B3AEFB

#FBAECF

#F6FBAE

#AEFBD9

Color Blindness Simulation

Original

#B3AEFB

Protanopia

#B1B1E8

Deuteranopia

#B1B2E4

Tritanopia

#B3DAD6

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BFBBFC
300
#928AF9
400
#564BF6
500
#1B0CF3
600
#160AC2
700
#11089C
800
#0E067A
900
#0E0958
950
#090638

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026