#57166A

#57166A

Color Values

HEX

#57166A

RGB

87, 22, 106

HSL

286,4, 65,6%, 25,1%

HSV

286,4, 79,2%, 41,6%

CMYK

17,9%, 79,2%, 0,0%, 58,4%

OKLCH

0,3501 0,1435 317,3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#57166A

#296A16

Analogous

#2D166A

#6A1653

#57166A

Triadic

#57166A

#6A5716

#166A57

Split Complementary

#57166A

#536A16

#166A2D

Tetradic

#57166A

#6A2D16

#296A16

#16536A

Color Blindness Simulation

Original

#57166A

Protanopia

#3B3A56

Deuteranopia

#3F4451

Tritanopia

#544642

Achromatopsia

#2A2A2A

CSS Usage

background-color: #57166A;
color: #57166A;
border-color: #57166A;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF3FC
100
#F3E3F7
200
#E8C4F3
300
#D89AEA
400
#C263DF
500
#AD2CD3
600
#8B23A9
700
#6F1C87
800
#57166A
900
#40144D
950
#280D31

Contrast Checker

Text on white

12,15:1

AA Pass AAA Pass

Text on black

1,73: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