#561C32

#561C32

Color Values

HEX

#561C32

RGB

86, 28, 50

HSL

337.2, 50.9%, 22.4%

HSV

337.2, 67.4%, 33.7%

CMYK

0.0%, 67.4%, 41.9%, 66.3%

OKLCH

0.3237 0.089 359.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#561C32

#1C5640

Analogous

#561C4F

#56231C

#561C32

Triadic

#561C32

#32561C

#1C3256

Split Complementary

#561C32

#1C5623

#1C4F56

Tetradic

#561C32

#4F561C

#1C5640

#231C56

Color Blindness Simulation

Original

#561C32

Protanopia

#3D3C2D

Deuteranopia

#40452B

Tritanopia

#532828

Achromatopsia

#2A2A2A

CSS Usage

background-color: #561C32;
color: #561C32;
border-color: #561C32;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F7
100
#F5E5EB
200
#EDC9D7
300
#E1A3BA
400
#D17195
500
#C03F70
600
#9A325A
700
#7B2848
800
#601F38
900
#471A2B
950
#2D111B

Contrast Checker

Text on white

13.06:1

AA Pass AAA Pass

Text on black

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