#560707

#560707

Color Values

HEX

#560707

RGB

86, 7, 7

HSL

0.0, 84.9%, 18.2%

HSV

0.0, 91.9%, 33.7%

CMYK

0.0%, 91.9%, 91.9%, 66.3%

OKLCH

0.2912 0.1102 27.6

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#560707

#075656

Analogous

#56072E

#562E07

#560707

Triadic

#560707

#075607

#070756

Split Complementary

#560707

#07562E

#072E56

Tetradic

#560707

#2E5607

#075656

#2E0756

Color Blindness Simulation

Original

#560707

Protanopia

#343307

Deuteranopia

#383E07

Tritanopia

#520707

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBD
300
#F68E8E
400
#F15151
500
#EC1313
600
#BD0F0F
700
#970C0C
800
#760A0A
900
#550B0B
950
#360707

Contrast Checker

Text on white

14.69:1

AA Pass AAA Pass

Text on black

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