#5F349B

#5F349B

Color Values

HEX

#5F349B

RGB

95, 52, 155

HSL

265.0, 49.8%, 40.6%

HSV

265.0, 66.5%, 60.8%

CMYK

38.7%, 66.5%, 0.0%, 39.2%

OKLCH

0.4351 0.16 298.7

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#5F349B

#709B34

Analogous

#343D9B

#92349B

#5F349B

Triadic

#5F349B

#9B5F34

#349B5F

Split Complementary

#5F349B

#9B9234

#3D9B34

Tetradic

#5F349B

#9B343D

#709B34

#349B92

Color Blindness Simulation

Original

#5F349B

Protanopia

#4C4C82

Deuteranopia

#4F527C

Tritanopia

#5D6E6A

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D8CAED
300
#BDA3E0
400
#9972D0
500
#7540BF
600
#5E3399
700
#4B297A
800
#3A205F
900
#2D1B46
950
#1C112C

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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