#580F59

#580F59

Color Values

HEX

#580F59

RGB

88, 15, 89

HSL

299.2, 71.2%, 20.4%

HSV

299.2, 83.1%, 34.9%

CMYK

1.1%, 83.1%, 0.0%, 65.1%

OKLCH

0.3335 0.1362 327.5

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#580F59

#10590F

Analogous

#330F59

#590F35

#580F59

Triadic

#580F59

#59580F

#0F5958

Split Complementary

#580F59

#35590F

#0F5933

Tetradic

#580F59

#59330F

#10590F

#0F3559

Color Blindness Simulation

Original

#580F59

Protanopia

#383847

Deuteranopia

#3D4243

Tritanopia

#543936

Achromatopsia

#242424

CSS Usage

background-color: #580F59;
color: #580F59;
border-color: #580F59;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F4C2F5
300
#EC96ED
400
#E25DE4
500
#D825DA
600
#AD1DAF
700
#8A188C
800
#6C126D
900
#4F114F
950
#320B32

Contrast Checker

Text on white

12.9:1

AA Pass AAA Pass

Text on black

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