#5F3085

#5F3085

Color Values

HEX

#5F3085

RGB

95, 48, 133

HSL

273.2, 47.0%, 35.5%

HSV

273.2, 63.9%, 52.2%

CMYK

28.6%, 63.9%, 0.0%, 47.8%

OKLCH

0.4129 0.1395 306.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#5F3085

#568530

Analogous

#353085

#853081

#5F3085

Triadic

#5F3085

#855F30

#30855F

Split Complementary

#5F3085

#818530

#308535

Tetradic

#5F3085

#853530

#568530

#308185

Color Blindness Simulation

Original

#5F3085

Protanopia

#4B4A70

Deuteranopia

#4D516C

Tritanopia

#5D605D

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C5A5DF
400
#A574CD
500
#8644BB
600
#6B3696
700
#562B78
800
#43225E
900
#331C45
950
#20122C

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026