#B4ABF3

#B4ABF3

Color Values

HEX

#B4ABF3

RGB

180, 171, 243

HSL

247.5, 75.0%, 81.2%

HSV

247.5, 29.6%, 95.3%

CMYK

25.9%, 29.6%, 0.0%, 4.7%

OKLCH

0.7751 0.102 289.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B4ABF3

#EAF3AB

Analogous

#ABC6F3

#D8ABF3

#B4ABF3

Triadic

#B4ABF3

#F3B4AB

#ABF3B4

Split Complementary

#B4ABF3

#F3D8AB

#C6F3AB

Tetradic

#B4ABF3

#F3ABC6

#EAF3AB

#ABF3D8

Color Blindness Simulation

Original

#B4ABF3

Protanopia

#B0B0E2

Deuteranopia

#B1B1DD

Tritanopia

#B4D4D1

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E5E2F9
200
#C7C1F6
300
#9F94F0
400
#6C5AE7
500
#3820DF
600
#2D19B3
700
#24148F
800
#1C1070
900
#181051
950
#0F0A33

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.06:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026