#561F22

#561F22

Color Values

HEX

#561F22

RGB

86, 31, 34

HSL

356.7, 47.0%, 22.9%

HSV

356.7, 64.0%, 33.7%

CMYK

0.0%, 64.0%, 60.5%, 66.3%

OKLCH

0.3232 0.0818 19.6

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#561F22

#1F5653

Analogous

#561F3D

#56371F

#561F22

Triadic

#561F22

#22561F

#1F2256

Split Complementary

#561F22

#1F5637

#1F3D56

Tetradic

#561F22

#3D561F

#1F5653

#371F56

Color Blindness Simulation

Original

#561F22

Protanopia

#3E3E21

Deuteranopia

#414621

Tritanopia

#532121

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DFA5A8
400
#CD7479
500
#BB444A
600
#96363B
700
#782B2F
800
#5E2225
900
#451C1E
950
#2C1213

Contrast Checker

Text on white

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