#561012

#561012

Color Values

HEX

#561012

RGB

86, 16, 18

HSL

358.3, 68.6%, 20.0%

HSV

358.3, 81.4%, 33.7%

CMYK

0.0%, 81.4%, 79.1%, 66.3%

OKLCH

0.3005 0.1014 24.4

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#561012

#105654

Analogous

#561035

#563110

#561012

Triadic

#561012

#125610

#101256

Split Complementary

#561012

#105631

#103556

Tetradic

#561012

#355610

#105654

#311056

Color Blindness Simulation

Original

#561012

Protanopia

#383712

Deuteranopia

#3C4111

Tritanopia

#521111

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C4
300
#EC989A
400
#E16064
500
#D7282D
600
#AC2024
700
#8A1A1D
800
#6B1416
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

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