#5B166A

#5B166A

Color Values

HEX

#5B166A

RGB

91, 22, 106

HSL

289.3, 65.6%, 25.1%

HSV

289.3, 79.2%, 41.6%

CMYK

14.2%, 79.2%, 0.0%, 58.4%

OKLCH

0.3563 0.1452 319.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#5B166A

#256A16

Analogous

#31166A

#6A164F

#5B166A

Triadic

#5B166A

#6A5B16

#166A5B

Split Complementary

#5B166A

#4F6A16

#166A31

Tetradic

#5B166A

#6A3116

#256A16

#164F6A

Color Blindness Simulation

Original

#5B166A

Protanopia

#3D3D56

Deuteranopia

#414651

Tritanopia

#584642

Achromatopsia

#2B2B2B

CSS Usage

background-color: #5B166A;
color: #5B166A;
border-color: #5B166A;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF3FC
100
#F4E3F7
200
#EAC4F3
300
#DC9AEA
400
#C863DF
500
#B52CD3
600
#9123A9
700
#741C87
800
#5B166A
900
#43144D
950
#2A0D31

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026