#B42BAF

#B42BAF

Color Values

HEX

#B42BAF

RGB

180, 43, 175

HSL

302.2, 61.4%, 43.7%

HSV

302.2, 76.1%, 70.6%

CMYK

0.0%, 76.1%, 2.8%, 29.4%

OKLCH

0.555 0.221 329.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B42BAF

#2BB430

Analogous

#742BB4

#B42B6A

#B42BAF

Triadic

#B42BAF

#AFB42B

#2BAFB4

Split Complementary

#B42BAF

#6AB42B

#2BB474

Tetradic

#B42BAF

#B4742B

#2BB430

#2B6AB4

Color Blindness Simulation

Original

#B42BAF

Protanopia

#79778F

Deuteranopia

#818B87

Tritanopia

#AD7670

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C5F0
300
#E79CE5
400
#DB67D6
500
#CE31C8
600
#A527A0
700
#841F80
800
#671964
900
#4B1649
950
#300E2E

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026