#B4189F

#B4189F

Color Values

HEX

#B4189F

RGB

180, 24, 159

HSL

308.1, 76.5%, 40.0%

HSV

308.1, 86.7%, 70.6%

CMYK

0.0%, 86.7%, 11.7%, 29.4%

OKLCH

0.5349 0.2249 335.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B4189F

#18B42D

Analogous

#7B18B4

#B41851

#B4189F

Triadic

#B4189F

#9FB418

#189FB4

Split Complementary

#B4189F

#51B418

#18B47B

Tetradic

#B4189F

#B47B18

#18B42D

#1851B4

Color Blindness Simulation

Original

#B4189F

Protanopia

#706F7E

Deuteranopia

#7A8576

Tritanopia

#AC655F

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F6
200
#F7C0EF
300
#F193E4
400
#E958D5
500
#E11EC7
600
#B4189F
700
#90137F
800
#710F63
900
#520F49
950
#340A2E

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

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