#B412A2

#B412A2

Color Values

HEX

#B412A2

RGB

180, 18, 162

HSL

306.7, 81.8%, 38.8%

HSV

306.7, 90.0%, 70.6%

CMYK

0.0%, 90.0%, 10.0%, 29.4%

OKLCH

0.5342 0.2301 334.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B412A2

#12B424

Analogous

#7512B4

#B41251

#B412A2

Triadic

#B412A2

#A2B412

#12A2B4

Split Complementary

#B412A2

#51B412

#12B475

Tetradic

#B412A2

#B47512

#12B424

#1251B4

Color Blindness Simulation

Original

#B412A2

Protanopia

#6E6C7F

Deuteranopia

#778377

Tritanopia

#AC645E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F7
200
#F9BEF2
300
#F490E9
400
#EE53DD
500
#E817D1
600
#B913A7
700
#940F85
800
#740C68
900
#540D4C
950
#350830

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026