#560735

#560735

Color Values

HEX

#560735

RGB

86, 7, 53

HSL

325.1, 84.9%, 18.2%

HSV

325.1, 91.9%, 33.7%

CMYK

0.0%, 91.9%, 38.4%, 66.3%

OKLCH

0.3035 0.117 351.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#560735

#075628

Analogous

#4F0756

#56070D

#560735

Triadic

#560735

#355607

#073556

Split Complementary

#560735

#0D5607

#07564F

Tetradic

#560735

#564F07

#075628

#070D56

Color Blindness Simulation

Original

#560735

Protanopia

#34332A

Deuteranopia

#383E27

Tritanopia

#52211F

Achromatopsia

#1B1B1B

CSS Usage

background-color: #560735;
color: #560735;
border-color: #560735;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABDE0
300
#F68ECA
400
#F151AE
500
#EC1391
600
#BD0F74
700
#970C5D
800
#760A49
900
#550B36
950
#360722

Contrast Checker

Text on white

14.21:1

AA Pass AAA Pass

Text on black

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