#561111

#561111

Color Values

HEX

#561111

RGB

86, 17, 17

HSL

0.0, 67.0%, 20.2%

HSV

0.0, 80.2%, 33.7%

CMYK

0.0%, 80.2%, 80.2%, 66.3%

OKLCH

0.3013 0.1005 25.6

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#561111

#115656

Analogous

#561134

#563411

#561111

Triadic

#561111

#115611

#111156

Split Complementary

#561111

#115634

#113456

Tetradic

#561111

#345611

#115656

#341156

Color Blindness Simulation

Original

#561111

Protanopia

#383811

Deuteranopia

#3C4111

Tritanopia

#531111

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C3C3
300
#EB9999
400
#E06161
500
#D52A2A
600
#AA2222
700
#881B1B
800
#6A1515
900
#4E1313
950
#310C0C

Contrast Checker

Text on white

14.15:1

AA Pass AAA Pass

Text on black

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