#5F1497

#5F1497

Color Values

HEX

#5F1497

RGB

95, 20, 151

HSL

274.4, 76.6%, 33.5%

HSV

274.4, 86.8%, 59.2%

CMYK

37.1%, 86.8%, 0.0%, 40.8%

OKLCH

0.3975 0.1904 304.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#5F1497

#4C9714

Analogous

#1E1497

#97148D

#5F1497

Triadic

#5F1497

#975F14

#14975F

Split Complementary

#5F1497

#8D9714

#14971E

Tetradic

#5F1497

#971E14

#4C9714

#148D97

Color Blindness Simulation

Original

#5F1497

Protanopia

#3F3E77

Deuteranopia

#434870

Tritanopia

#5B5E59

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#DFC0F7
300
#C993F1
400
#AB58E9
500
#8E1EE1
600
#7118B4
700
#5B1390
800
#470F71
900
#350F52
950
#220A34

Contrast Checker

Text on white

10.33:1

AA Pass AAA Pass

Text on black

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