#B84ABB

#B84ABB

Color Values

HEX

#B84ABB

RGB

184, 74, 187

HSL

298.4, 45.4%, 51.2%

HSV

298.4, 60.4%, 73.3%

CMYK

1.6%, 60.4%, 0.0%, 26.7%

OKLCH

0.5967 0.1954 326.6

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#B84ABB

#4DBB4A

Analogous

#804ABB

#BB4A86

#B84ABB

Triadic

#B84ABB

#BBB84A

#4ABBB8

Split Complementary

#B84ABB

#86BB4A

#4ABB80

Tetradic

#B84ABB

#BB804A

#4DBB4A

#4A86BB

Color Blindness Simulation

Original

#B84ABB

Protanopia

#8887A0

Deuteranopia

#8F9799

Tritanopia

#B28A85

Achromatopsia

#6A6A6A

CSS Usage

background-color: #B84ABB;
color: #B84ABB;
border-color: #B84ABB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCBEC
300
#DCA6DE
400
#C976CB
500
#B646B9
600
#923894
700
#752D77
800
#5B235D
900
#431D44
950
#2A122B

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026