#BAB3FB

#BAB3FB

Color Values

HEX

#BAB3FB

RGB

186, 179, 251

HSL

245.8, 90.0%, 84.3%

HSV

245.8, 28.7%, 98.4%

CMYK

25.9%, 28.7%, 0.0%, 1.6%

OKLCH

0.7985 0.1012 288.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BAB3FB

#F4FBB3

Analogous

#B3D0FB

#DEB3FB

#BAB3FB

Triadic

#BAB3FB

#FBBAB3

#B3FBBA

Split Complementary

#BAB3FB

#FBDEB3

#D0FBB3

Tetradic

#BAB3FB

#FBB3D0

#F4FBB3

#B3FBDE

Color Blindness Simulation

Original

#BAB3FB

Protanopia

#B7B7EA

Deuteranopia

#B7B8E5

Tritanopia

#BADCD9

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BBFB
300
#958BF9
400
#5C4CF6
500
#230DF2
600
#1C0AC2
700
#16089B
800
#110679
900
#110958
950
#0B0637

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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