#BA4BAA

#BA4BAA

Color Values

HEX

#BA4BAA

RGB

186, 75, 170

HSL

308.6, 44.6%, 51.2%

HSV

308.6, 59.7%, 72.9%

CMYK

0.0%, 59.7%, 8.6%, 27.1%

OKLCH

0.592 0.1811 333.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BA4BAA

#4BBA5B

Analogous

#924BBA

#BA4B73

#BA4BAA

Triadic

#BA4BAA

#AABA4B

#4BAABA

Split Complementary

#BA4BAA

#73BA4B

#4BBA92

Tetradic

#BA4BAA

#BA924B

#4BBA5B

#4B73BA

Color Blindness Simulation

Original

#BA4BAA

Protanopia

#8A8993

Deuteranopia

#90998E

Tritanopia

#B4817D

Achromatopsia

#696969

CSS Usage

background-color: #BA4BAA;
color: #BA4BAA;
border-color: #BA4BAA;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#EBCBE7
300
#DDA7D5
400
#CB77BF
500
#B847A8
600
#933986
700
#762D6C
800
#5C2354
900
#441D3E
950
#2B1227

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026