#B4ACF2

#B4ACF2

Color Values

HEX

#B4ACF2

RGB

180, 172, 242

HSL

246.9, 72.9%, 81.2%

HSV

246.9, 28.9%, 94.9%

CMYK

25.6%, 28.9%, 0.0%, 5.1%

OKLCH

0.7765 0.0991 289.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B4ACF2

#EAF2AC

Analogous

#ACC7F2

#D7ACF2

#B4ACF2

Triadic

#B4ACF2

#F2B4AC

#ACF2B4

Split Complementary

#B4ACF2

#F2D7AC

#C7F2AC

Tetradic

#B4ACF2

#F2ACC7

#EAF2AC

#ACF2D7

Color Blindness Simulation

Original

#B4ACF2

Protanopia

#B1B0E1

Deuteranopia

#B1B2DD

Tritanopia

#B4D4D1

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C7C1F5
300
#9F95EE
400
#6C5CE5
500
#3823DC
600
#2D1CB0
700
#24168D
800
#1C116E
900
#181150
950
#0F0B33

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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