#502D1D

#502D1D

Color Values

HEX

#502D1D

RGB

80, 45, 29

HSL

18.8, 46.8%, 21.4%

HSV

18.8, 63.8%, 31.4%

CMYK

0.0%, 43.7%, 63.7%, 68.6%

OKLCH

0.3377 0.0581 44.9

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#502D1D

#1D4050

Analogous

#501D27

#50471D

#502D1D

Triadic

#502D1D

#1D502D

#2D1D50

Split Complementary

#502D1D

#1D5047

#1D2750

Tetradic

#502D1D

#27501D

#1D4050

#471D50

Color Blindness Simulation

Original

#502D1D

Protanopia

#414121

Deuteranopia

#434622

Tritanopia

#4E2425

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAF6F4
100
#F4EAE6
200
#ECD5CB
300
#DEB7A5
400
#CD9074
500
#BB6944
600
#965436
700
#78432B
800
#5E3522
900
#45291C
950
#2B1A12

Contrast Checker

Text on white

12.11:1

AA Pass AAA Pass

Text on black

1.73:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026