#5B2C72

#5B2C72

Color Values

HEX

#5B2C72

RGB

91, 44, 114

HSL

280.3, 44.3%, 31.0%

HSV

280.3, 61.4%, 44.7%

CMYK

20.2%, 61.4%, 0.0%, 55.3%

OKLCH

0.3888 0.1221 313.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#5B2C72

#43722C

Analogous

#382C72

#722C66

#5B2C72

Triadic

#5B2C72

#725B2C

#2C725B

Split Complementary

#5B2C72

#66722C

#2C7238

Tetradic

#5B2C72

#72382C

#43722C

#2C6672

Color Blindness Simulation

Original

#5B2C72

Protanopia

#474661

Deuteranopia

#494D5D

Tritanopia

#595451

Achromatopsia

#3B3B3B

CSS Usage

background-color: #5B2C72;
color: #5B2C72;
border-color: #5B2C72;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E1CBEB
300
#CBA7DD
400
#AF77CA
500
#9347B8
600
#763993
700
#5E2D76
800
#49245C
900
#371D44
950
#23122B

Contrast Checker

Text on white

10.25:1

AA Pass AAA Pass

Text on black

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