#B418AC

#B418AC

Color Values

HEX

#B418AC

RGB

180, 24, 172

HSL

303.1, 76.5%, 40.0%

HSV

303.1, 86.7%, 70.6%

CMYK

0.0%, 86.7%, 4.4%, 29.4%

OKLCH

0.5423 0.2336 330.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B418AC

#18B420

Analogous

#6E18B4

#B4185E

#B418AC

Triadic

#B418AC

#ACB418

#18ACB4

Split Complementary

#B418AC

#5EB418

#18B46E

Tetradic

#B418AC

#B46E18

#18B420

#185EB4

Color Blindness Simulation

Original

#B418AC

Protanopia

#706F88

Deuteranopia

#7A8580

Tritanopia

#AC6C66

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F7C0F4
300
#F193EC
400
#E958E1
500
#E11ED7
600
#B418AC
700
#90138A
800
#710F6B
900
#520F4E
950
#340A31

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026