#5B018C

#5B018C

Color Values

HEX

#5B018C

RGB

91, 1, 140

HSL

278.8, 98.6%, 27.6%

HSV

278.8, 99.3%, 54.9%

CMYK

35.0%, 99.3%, 0.0%, 45.1%

OKLCH

0.372 0.1905 306.8

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#5B018C

#328C01

Analogous

#15018C

#8C0177

#5B018C

Triadic

#5B018C

#8C5B01

#018C5B

Split Complementary

#5B018C

#778C01

#018C15

Tetradic

#5B018C

#8C1501

#328C01

#01778C

Color Blindness Simulation

Original

#5B018C

Protanopia

#34336A

Deuteranopia

#394062

Tritanopia

#56504A

Achromatopsia

#1E1E1E

CSS Usage

background-color: #5B018C;
color: #5B018C;
border-color: #5B018C;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E6B8FF
300
#D485FE
400
#BC44FE
500
#A402FD
600
#8401CB
700
#6901A2
800
#52017F
900
#3D055B
950
#27033A

Contrast Checker

Text on white

11.49:1

AA Pass AAA Pass

Text on black

1.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026