#B021A9

#B021A9

Color Values

HEX

#B021A9

RGB

176, 33, 169

HSL

302.9, 68.4%, 41.0%

HSV

302.9, 81.2%, 69.0%

CMYK

0.0%, 81.2%, 4.0%, 31.0%

OKLCH

0.5388 0.2236 330.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B021A9

#21B028

Analogous

#6F21B0

#B02162

#B021A9

Triadic

#B021A9

#A9B021

#21A9B0

Split Complementary

#B021A9

#62B021

#21B06F

Tetradic

#B021A9

#B06F21

#21B028

#2162B0

Color Blindness Simulation

Original

#B021A9

Protanopia

#727188

Deuteranopia

#7A8580

Tritanopia

#A96E68

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F7
200
#F4C3F1
300
#EC98E8
400
#E160DB
500
#D728CE
600
#AC20A5
700
#891A84
800
#6B1467
900
#4E134B
950
#310C30

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

3.64:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026