#B418A8

#B418A8

Color Values

HEX

#B418A8

RGB

180, 24, 168

HSL

304.6, 76.5%, 40.0%

HSV

304.6, 86.7%, 70.6%

CMYK

0.0%, 86.7%, 6.7%, 29.4%

OKLCH

0.5399 0.2309 332.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B418A8

#18B424

Analogous

#7218B4

#B4185A

#B418A8

Triadic

#B418A8

#A8B418

#18A8B4

Split Complementary

#B418A8

#5AB418

#18B472

Tetradic

#B418A8

#B47218

#18B424

#185AB4

Color Blindness Simulation

Original

#B418A8

Protanopia

#706F85

Deuteranopia

#7A857D

Tritanopia

#AC6A64

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F7C0F2
300
#F193E9
400
#E958DE
500
#E11ED2
600
#B418A8
700
#901386
800
#710F69
900
#520F4D
950
#340A30

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

3.64: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