#B228AE

#B228AE

Color Values

HEX

#B228AE

RGB

178, 40, 174

HSL

301.7, 63.3%, 42.7%

HSV

301.7, 77.5%, 69.8%

CMYK

0.0%, 77.5%, 2.2%, 30.2%

OKLCH

0.5493 0.2221 329.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B228AE

#28B22C

Analogous

#7128B2

#B22869

#B228AE

Triadic

#B228AE

#AEB228

#28AEB2

Split Complementary

#B228AE

#69B228

#28B271

Tetradic

#B228AE

#B27128

#28B22C

#2869B2

Color Blindness Simulation

Original

#B228AE

Protanopia

#76758E

Deuteranopia

#7E8986

Tritanopia

#AB746E

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5F1
300
#E99BE6
400
#DC65D9
500
#D02FCC
600
#A725A3
700
#851E82
800
#681766
900
#4C154A
950
#300D2F

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026