#901586

#901586

Color Values

HEX

#901586

RGB

144, 21, 134

HSL

304.9, 74.5%, 32.4%

HSV

304.9, 85.4%, 56.5%

CMYK

0.0%, 85.4%, 6.9%, 43.5%

OKLCH

0.4601 0.193 332.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#901586

#15901F

Analogous

#5D1590

#901549

#901586

Triadic

#901586

#869015

#158690

Split Complementary

#901586

#499015

#15905D

Tetradic

#901586

#905D15

#15901F

#154990

Color Blindness Simulation

Original

#901586

Protanopia

#5B5A6B

Deuteranopia

#626B64

Tritanopia

#8A5550

Achromatopsia

#373737

CSS Usage

background-color: #901586;
color: #901586;
border-color: #901586;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF3FB
100
#F8E2F7
200
#F6C1F2
300
#EF94E8
400
#E75ADB
500
#DE21CF
600
#B21AA6
700
#8E1584
800
#6F1067
900
#51104C
950
#330A30

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

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