#581F36

#581F36

Color Values

HEX

#581F36

RGB

88, 31, 54

HSL

335.8, 47.9%, 23.3%

HSV

335.8, 64.8%, 34.5%

CMYK

0.0%, 64.8%, 38.6%, 65.5%

OKLCH

0.3329 0.0881 357.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#581F36

#1F5841

Analogous

#581F52

#58241F

#581F36

Triadic

#581F36

#36581F

#1F3658

Split Complementary

#581F36

#1F5824

#1F5258

Tetradic

#581F36

#52581F

#1F5841

#241F58

Color Blindness Simulation

Original

#581F36

Protanopia

#3F3F30

Deuteranopia

#43472F

Tritanopia

#552C2B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD8
300
#DFA4BC
400
#CE7398
500
#BD4274
600
#97355D
700
#792B4A
800
#5E213A
900
#451C2C
950
#2C111C

Contrast Checker

Text on white

12.62:1

AA Pass AAA Pass

Text on black

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