#B2A4DF

#B2A4DF

Color Values

HEX

#B2A4DF

RGB

178, 164, 223

HSL

254.2, 48.0%, 75.9%

HSV

254.2, 26.5%, 87.5%

CMYK

20.2%, 26.5%, 0.0%, 12.5%

OKLCH

0.7515 0.0849 295.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B2A4DF

#D1DFA4

Analogous

#A4B4DF

#D0A4DF

#B2A4DF

Triadic

#B2A4DF

#DFB2A4

#A4DFB2

Split Complementary

#B2A4DF

#DFD0A4

#B4DFA4

Tetradic

#B2A4DF

#DFA4B4

#D1DFA4

#A4DFD0

Color Blindness Simulation

Original

#B2A4DF

Protanopia

#ACACD1

Deuteranopia

#ADAECD

Tritanopia

#B1C5C3

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D2CAEC
300
#B2A4DF
400
#8973CE
500
#5F42BD
600
#4C3597
700
#3D2A79
800
#30215E
900
#251C45
950
#18112C

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026