#561F23

#561F23

Color Values

HEX

#561F23

RGB

86, 31, 35

HSL

355.6, 47.0%, 22.9%

HSV

355.6, 64.0%, 33.7%

CMYK

0.0%, 64.0%, 59.3%, 66.3%

OKLCH

0.3235 0.0817 18.5

Properties

Warm Dark Nearest: RAL 3005 Wine Red

Color Harmonies

Complementary

#561F23

#1F5652

Analogous

#561F3E

#56361F

#561F23

Triadic

#561F23

#23561F

#1F2356

Split Complementary

#561F23

#1F5636

#1F3E56

Tetradic

#561F23

#3E561F

#1F5652

#361F56

Color Blindness Simulation

Original

#561F23

Protanopia

#3E3E22

Deuteranopia

#414622

Tritanopia

#532121

Achromatopsia

#2B2B2B

CSS Usage

background-color: #561F23;
color: #561F23;
border-color: #561F23;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCD
300
#DFA5A9
400
#CD747B
500
#BB444C
600
#96363D
700
#782B31
800
#5E2226
900
#451C1F
950
#2C1214

Contrast Checker

Text on white

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