#B4ACF4

#B4ACF4

Color Values

HEX

#B4ACF4

RGB

180, 172, 244

HSL

246.7, 76.6%, 81.6%

HSV

246.7, 29.5%, 95.7%

CMYK

26.2%, 29.5%, 0.0%, 4.3%

OKLCH

0.7774 0.1019 288.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B4ACF4

#ECF4AC

Analogous

#ACC8F4

#D8ACF4

#B4ACF4

Triadic

#B4ACF4

#F4B4AC

#ACF4B4

Split Complementary

#B4ACF4

#F4D8AC

#C8F4AC

Tetradic

#B4ACF4

#F4ACC8

#ECF4AC

#ACF4D8

Color Blindness Simulation

Original

#B4ACF4

Protanopia

#B1B0E3

Deuteranopia

#B1B2DE

Tritanopia

#B4D5D2

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C6C0F7
300
#9D93F1
400
#6958E9
500
#341EE1
600
#2918B4
700
#211390
800
#1A0F71
900
#170F52
950
#0E0A34

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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