#501317

#501317

Color Values

HEX

#501317

RGB

80, 19, 23

HSL

356.1, 61.6%, 19.4%

HSV

356.1, 76.2%, 31.4%

CMYK

0.0%, 76.3%, 71.2%, 68.6%

OKLCH

0.2927 0.0906 21.2

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#501317

#13504C

Analogous

#501335

#502E13

#501317

Triadic

#501317

#175013

#131750

Split Complementary

#501317

#13502E

#133550

Tetradic

#501317

#355013

#13504C

#2E1350

Color Blindness Simulation

Original

#501317

Protanopia

#363516

Deuteranopia

#393E16

Tritanopia

#4D1515

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F1C5C8
300
#E79CA1
400
#DB676E
500
#CE313B
600
#A5272F
700
#841F26
800
#67181E
900
#4B1619
950
#300E10

Contrast Checker

Text on white

14.52:1

AA Pass AAA Pass

Text on black

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