#B1ABF4

#B1ABF4

Color Values

HEX

#B1ABF4

RGB

177, 171, 244

HSL

244.9, 76.8%, 81.4%

HSV

244.9, 29.9%, 95.7%

CMYK

27.5%, 29.9%, 0.0%, 4.3%

OKLCH

0.7731 0.1034 287.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B1ABF4

#EEF4AB

Analogous

#ABCAF4

#D6ABF4

#B1ABF4

Triadic

#B1ABF4

#F4B1AB

#ABF4B1

Split Complementary

#B1ABF4

#F4D6AB

#CAF4AB

Tetradic

#B1ABF4

#F4ABCA

#EEF4AB

#ABF4D6

Color Blindness Simulation

Original

#B1ABF4

Protanopia

#AEAEE2

Deuteranopia

#AFAFDE

Tritanopia

#B1D4D1

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C4C0F7
300
#9A93F1
400
#6458E9
500
#2E1EE1
600
#2418B4
700
#1D1390
800
#170F71
900
#140F52
950
#0D0934

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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