#B20DB2

#B20DB2

Color Values

HEX

#B20DB2

RGB

178, 13, 178

HSL

300.0, 86.4%, 37.5%

HSV

300.0, 92.7%, 69.8%

CMYK

0.0%, 92.7%, 0.0%, 30.2%

OKLCH

0.5389 0.2421 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#B20DB2

#0DB20D

Analogous

#600DB2

#B20D60

#B20DB2

Triadic

#B20DB2

#B2B20D

#0DB2B2

Split Complementary

#B20DB2

#60B20D

#0DB260

Tetradic

#B20DB2

#B2600D

#0DB20D

#0D60B2

Color Blindness Simulation

Original

#B20DB2

Protanopia

#6B698A

Deuteranopia

#748080

Tritanopia

#AA6B64

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCFA
300
#F78DF7
400
#F24FF2
500
#EE11EE
600
#BE0EBE
700
#980B98
800
#770977
900
#560B56
950
#360736

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.59: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