#502F26

#502F26

Color Values

HEX

#502F26

RGB

80, 47, 38

HSL

12.9, 35.6%, 23.1%

HSV

12.9, 52.5%, 31.4%

CMYK

0.0%, 41.2%, 52.5%, 68.6%

OKLCH

0.3438 0.0513 36.0

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#502F26

#264750

Analogous

#502632

#504426

#502F26

Triadic

#502F26

#26502F

#2F2650

Split Complementary

#502F26

#265044

#263250

Tetradic

#502F26

#325026

#264750

#442650

Color Blindness Simulation

Original

#502F26

Protanopia

#424128

Deuteranopia

#444629

Tritanopia

#4E2A2A

Achromatopsia

#353535

CSS Usage

background-color: #502F26;
color: #502F26;
border-color: #502F26;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF6F5
100
#F3EAE8
200
#E8D4CF
300
#D8B5AC
400
#C28E7F
500
#AD6652
600
#8A5142
700
#6F4135
800
#563329
900
#402821
950
#281915

Contrast Checker

Text on white

11.83:1

AA Pass AAA Pass

Text on black

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