#504C09

#504C09

Color Values

HEX

#504C09

RGB

80, 76, 9

HSL

56.6, 79.8%, 17.5%

HSV

56.6, 88.8%, 31.4%

CMYK

0.0%, 5.0%, 88.8%, 68.6%

OKLCH

0.4078 0.0821 105.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#504C09

#090D50

Analogous

#502909

#315009

#504C09

Triadic

#504C09

#09504C

#4C0950

Split Complementary

#504C09

#093150

#290950

Tetradic

#504C09

#095029

#090D50

#500931

Color Blindness Simulation

Original

#504C09

Protanopia

#4E4E19

Deuteranopia

#4E4F1D

Tritanopia

#502629

Achromatopsia

#484848

CSS Usage

background-color: #504C09;
color: #504C09;
border-color: #504C09;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FDFCF2
100
#F9F8E1
200
#F8F5BF
300
#F3ED91
400
#ECE355
500
#E5DA1A
600
#B7AE15
700
#938B10
800
#736D0D
900
#534F0E
950
#353209

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

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