#5B1096

#5B1096

Color Values

HEX

#5B1096

RGB

91, 16, 150

HSL

273.6, 80.7%, 32.5%

HSV

273.6, 89.3%, 58.8%

CMYK

39.3%, 89.3%, 0.0%, 41.2%

OKLCH

0.3887 0.1915 302.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#5B1096

#4B9610

Analogous

#181096

#96108E

#5B1096

Triadic

#5B1096

#965B10

#10965B

Split Complementary

#5B1096

#8E9610

#109618

Tetradic

#5B1096

#961810

#4B9610

#108E96

Color Blindness Simulation

Original

#5B1096

Protanopia

#3B3A76

Deuteranopia

#3F446E

Tritanopia

#575C56

Achromatopsia

#2A2A2A

CSS Usage

background-color: #5B1096;
color: #5B1096;
border-color: #5B1096;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#DFBEF8
300
#C890F3
400
#AA55ED
500
#8C19E6
600
#7014B8
700
#5A1093
800
#460C73
900
#350D54
950
#210835

Contrast Checker

Text on white

10.72:1

AA Pass AAA Pass

Text on black

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