#501F10

#501F10

Color Values

HEX

#501F10

RGB

80, 31, 16

HSL

14.1, 66.7%, 18.8%

HSV

14.1, 80.0%, 31.4%

CMYK

0.0%, 61.2%, 80.0%, 68.6%

OKLCH

0.3091 0.0781 37.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#501F10

#104150

Analogous

#501021

#503F10

#501F10

Triadic

#501F10

#10501F

#1F1050

Split Complementary

#501F10

#10503F

#102150

Tetradic

#501F10

#215010

#104150

#3F1050

Color Blindness Simulation

Original

#501F10

Protanopia

#3B3A14

Deuteranopia

#3E4114

Tritanopia

#4E1617

Achromatopsia

#282828

CSS Usage

background-color: #501F10;
color: #501F10;
border-color: #501F10;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FCF5F3
100
#F7E8E3
200
#F3CFC3
300
#EBAC99
400
#E07F62
500
#D5522A
600
#AA4222
700
#88351B
800
#6A2915
900
#4E2113
950
#31150C

Contrast Checker

Text on white

13.6:1

AA Pass AAA Pass

Text on black

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