#502C29

#502C29

Color Values

HEX

#502C29

RGB

80, 44, 41

HSL

4.6, 32.2%, 23.7%

HSV

4.6, 48.7%, 31.4%

CMYK

0.0%, 45.0%, 48.8%, 68.6%

OKLCH

0.3384 0.0539 25.4

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#502C29

#294D50

Analogous

#502939

#503F29

#502C29

Triadic

#502C29

#29502C

#2C2950

Split Complementary

#502C29

#29503F

#293950

Tetradic

#502C29

#395029

#294D50

#3F2950

Color Blindness Simulation

Original

#502C29

Protanopia

#40402A

Deuteranopia

#42452A

Tritanopia

#4E2A2A

Achromatopsia

#333333

CSS Usage

background-color: #502C29;
color: #502C29;
border-color: #502C29;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#F9F6F5
100
#F2E9E8
200
#E7D2D0
300
#D6B1AE
400
#BF8782
500
#A95D56
600
#874A45
700
#6C3B37
800
#542E2B
900
#3E2522
950
#271716

Contrast Checker

Text on white

12.12:1

AA Pass AAA Pass

Text on black

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