#5B209B

#5B209B

Color Values

HEX

#5B209B

RGB

91, 32, 155

HSL

268.8, 65.8%, 36.7%

HSV

268.8, 79.4%, 60.8%

CMYK

41.3%, 79.4%, 0.0%, 39.2%

OKLCH

0.406 0.1833 299.7

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#5B209B

#609B20

Analogous

#20229B

#99209B

#5B209B

Triadic

#5B209B

#9B5B20

#209B5B

Split Complementary

#5B209B

#9B9920

#229B20

Tetradic

#5B209B

#9B2022

#609B20

#209B99

Color Blindness Simulation

Original

#5B209B

Protanopia

#41417D

Deuteranopia

#454976

Tritanopia

#586661

Achromatopsia

#353535

CSS Usage

background-color: #5B209B;
color: #5B209B;
border-color: #5B209B;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DAC4F3
300
#C09AEA
400
#9E63DF
500
#7C2CD3
600
#6323A9
700
#4F1C87
800
#3E166A
900
#2F144D
950
#1E0C31

Contrast Checker

Text on white

9.88:1

AA Pass AAA Pass

Text on black

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