#B10EB0

#B10EB0

Color Values

HEX

#B10EB0

RGB

177, 14, 176

HSL

300.4, 85.3%, 37.5%

HSV

300.4, 92.1%, 69.4%

CMYK

0.0%, 92.1%, 0.6%, 30.6%

OKLCH

0.5363 0.24 328.6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#B10EB0

#0EB10F

Analogous

#610EB1

#B10E5F

#B10EB0

Triadic

#B10EB0

#B0B10E

#0EB0B1

Split Complementary

#B10EB0

#5FB10E

#0EB161

Tetradic

#B10EB0

#B1610E

#0EB10F

#0E5FB1

Color Blindness Simulation

Original

#B10EB0

Protanopia

#6A6989

Deuteranopia

#74807F

Tritanopia

#A96A63

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF9
300
#F68EF5
400
#F150F0
500
#EC13EB
600
#BD0FBC
700
#970C96
800
#760975
900
#560B55
950
#360736

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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