#581B35

#581B35

Color Values

HEX

#581B35

RGB

88, 27, 53

HSL

334.4, 53.0%, 22.5%

HSV

334.4, 69.3%, 34.5%

CMYK

0.0%, 69.3%, 39.8%, 65.5%

OKLCH

0.327 0.0941 357.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#581B35

#1B583E

Analogous

#581B53

#581F1B

#581B35

Triadic

#581B35

#35581B

#1B3558

Split Complementary

#581B35

#1B581F

#1B5358

Tetradic

#581B35

#53581B

#1B583E

#1F1B58

Color Blindness Simulation

Original

#581B35

Protanopia

#3E3D2F

Deuteranopia

#41462D

Tritanopia

#552A29

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC8D9
300
#E2A1BD
400
#D36F99
500
#C33C76
600
#9C305E
700
#7D264B
800
#621E3B
900
#48192D
950
#2D101C

Contrast Checker

Text on white

12.94:1

AA Pass AAA Pass

Text on black

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