#5D308D

#5D308D

Color Values

HEX

#5D308D

RGB

93, 48, 141

HSL

269.0, 49.2%, 37.1%

HSV

269.0, 66.0%, 55.3%

CMYK

34.0%, 66.0%, 0.0%, 44.7%

OKLCH

0.4163 0.1485 302.7

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#5D308D

#608D30

Analogous

#30328D

#8C308D

#5D308D

Triadic

#5D308D

#8D5D30

#308D5D

Split Complementary

#5D308D

#8D8C30

#328D30

Tetradic

#5D308D

#8D3032

#608D30

#308D8C

Color Blindness Simulation

Original

#5D308D

Protanopia

#4A4977

Deuteranopia

#4C5071

Tritanopia

#5B6561

Achromatopsia

#404040

CSS Usage

background-color: #5D308D;
color: #5D308D;
border-color: #5D308D;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBCAED
300
#C1A4E0
400
#9F72CF
500
#7D41BE
600
#643498
700
#50297A
800
#3F205F
900
#301B46
950
#1E112C

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

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