#560505

#560505

Color Values

HEX

#560505

RGB

86, 5, 5

HSL

0.0, 89.0%, 17.8%

HSV

0.0, 94.2%, 33.7%

CMYK

0.0%, 94.2%, 94.2%, 66.3%

OKLCH

0.2893 0.112 28.0

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#560505

#055656

Analogous

#56052D

#562D05

#560505

Triadic

#560505

#055605

#050556

Split Complementary

#560505

#05562D

#052D56

Tetradic

#560505

#2D5605

#055656

#2D0556

Color Blindness Simulation

Original

#560505

Protanopia

#333205

Deuteranopia

#383E05

Tritanopia

#520505

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBC
300
#F88B8B
400
#F54D4D
500
#F10E0E
600
#C10B0B
700
#9A0909
800
#780707
900
#570A0A
950
#370606

Contrast Checker

Text on white

14.79:1

AA Pass AAA Pass

Text on black

1.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026