#B418AF

#B418AF

Color Values

HEX

#B418AF

RGB

180, 24, 175

HSL

301,9, 76,5%, 40,0%

HSV

301,9, 86,7%, 70,6%

CMYK

0,0%, 86,7%, 2,8%, 29,4%

OKLCH

0,544 0,2356 329,8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B418AF

#18B41D

Analogous

#6B18B4

#B41861

#B418AF

Triadic

#B418AF

#AFB418

#18AFB4

Split Complementary

#B418AF

#61B418

#18B46B

Tetradic

#B418AF

#B46B18

#18B41D

#1861B4

Color Blindness Simulation

Original

#B418AF

Protanopia

#706F8B

Deuteranopia

#7A8582

Tritanopia

#AC6E67

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F7C0F5
300
#F193EE
400
#E958E4
500
#E11EDB
600
#B418AF
700
#90138C
800
#710F6D
900
#520F50
950
#340A32

Contrast Checker

Text on white

5,69:1

AA Pass AAA Fail

Text on black

3,69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026