#B10DB2

#B10DB2

Color Values

HEX

#B10DB2

RGB

177, 13, 178

HSL

299.6, 86.4%, 37.5%

HSV

299.6, 92.7%, 69.8%

CMYK

0.6%, 92.7%, 0.0%, 30.2%

OKLCH

0.5373 0.2417 328.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B10DB2

#0EB20D

Analogous

#5F0DB2

#B20D61

#B10DB2

Triadic

#B10DB2

#B2B10D

#0DB2B1

Split Complementary

#B10DB2

#61B20D

#0DB25F

Tetradic

#B10DB2

#B25F0D

#0EB20D

#0D61B2

Color Blindness Simulation

Original

#B10DB2

Protanopia

#6A698A

Deuteranopia

#748080

Tritanopia

#A96B64

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCFA
300
#F68DF7
400
#F14FF2
500
#EC11EE
600
#BD0EBE
700
#970B98
800
#760977
900
#560B56
950
#360736

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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