#580233

#580233

Color Values

HEX

#580233

RGB

88, 2, 51

HSL

325.8, 95.6%, 17.6%

HSV

325.8, 97.7%, 34.5%

CMYK

0.0%, 97.7%, 42.0%, 65.5%

OKLCH

0.303 0.1224 353.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#580233

#025827

Analogous

#520258

#580208

#580233

Triadic

#580233

#335802

#023358

Split Complementary

#580233

#085802

#025852

Tetradic

#580233

#585202

#025827

#020858

Color Blindness Simulation

Original

#580233

Protanopia

#333227

Deuteranopia

#383E24

Tritanopia

#541E1C

Achromatopsia

#181818

CSS Usage

background-color: #580233;
color: #580233;
border-color: #580233;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9E0
300
#FC87CA
400
#FB46AD
500
#F90691
600
#C80474
700
#A0045D
800
#7D0348
900
#5A0736
950
#390422

Contrast Checker

Text on white

14.27:1

AA Pass AAA Pass

Text on black

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