#581F3F

#581F3F

Color Values

HEX

#581F3F

RGB

88, 31, 63

HSL

326.3, 47.9%, 23.3%

HSV

326.3, 64.8%, 34.5%

CMYK

0.0%, 64.8%, 28.4%, 65.5%

OKLCH

0.3366 0.093 348.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#581F3F

#1F5838

Analogous

#541F58

#581F22

#581F3F

Triadic

#581F3F

#3F581F

#1F3F58

Split Complementary

#581F3F

#22581F

#1F5854

Tetradic

#581F3F

#58541F

#1F5838

#1F2258

Color Blindness Simulation

Original

#581F3F

Protanopia

#3F3F37

Deuteranopia

#434735

Tritanopia

#553130

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADD
300
#DFA4C5
400
#CE73A6
500
#BD4287
600
#97356C
700
#792B56
800
#5E2144
900
#451C33
950
#2C1120

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

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