#581F35

#581F35

Color Values

HEX

#581F35

RGB

88, 31, 53

HSL

336.8, 47.9%, 23.3%

HSV

336.8, 64.8%, 34.5%

CMYK

0.0%, 64.8%, 39.8%, 65.5%

OKLCH

0.3326 0.0876 358.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#581F35

#1F5842

Analogous

#581F51

#58251F

#581F35

Triadic

#581F35

#35581F

#1F3558

Split Complementary

#581F35

#1F5825

#1F5158

Tetradic

#581F35

#51581F

#1F5842

#251F58

Color Blindness Simulation

Original

#581F35

Protanopia

#3F3F30

Deuteranopia

#43472E

Tritanopia

#552B2B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD7
300
#DFA4BB
400
#CE7396
500
#BD4272
600
#97355B
700
#792B49
800
#5E2139
900
#451C2C
950
#2C111C

Contrast Checker

Text on white

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