#56032F

#56032F

Color Values

HEX

#56032F

RGB

86, 3, 47

HSL

328.2, 93.3%, 17.5%

HSV

328.2, 96.5%, 33.7%

CMYK

0.0%, 96.5%, 45.3%, 66.3%

OKLCH

0.2979 0.1181 356.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#56032F

#03562A

Analogous

#540356

#560305

#56032F

Triadic

#56032F

#2F5603

#032F56

Split Complementary

#56032F

#055603

#035654

Tetradic

#56032F

#565403

#03562A

#030556

Color Blindness Simulation

Original

#56032F

Protanopia

#323124

Deuteranopia

#373D22

Tritanopia

#521C1A

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADD
300
#FB89C5
400
#F949A6
500
#F60987
600
#C5076C
700
#9E0556
800
#7B0443
900
#590833
950
#380520

Contrast Checker

Text on white

14.49:1

AA Pass AAA Pass

Text on black

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