#504F14

#504F14

Color Values

HEX

#504F14

RGB

80, 79, 20

HSL

59.0, 60.0%, 19.6%

HSV

59.0, 75.0%, 31.4%

CMYK

0.0%, 1.2%, 75.0%, 68.6%

OKLCH

0.4162 0.0783 108.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#504F14

#141550

Analogous

#503114

#335014

#504F14

Triadic

#504F14

#14504F

#4F1450

Split Complementary

#504F14

#143350

#311450

Tetradic

#504F14

#145031

#141550

#501433

Color Blindness Simulation

Original

#504F14

Protanopia

#505022

Deuteranopia

#505026

Tritanopia

#502E30

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E7E59D
400
#D9D768
500
#CCC933
600
#A3A129
700
#838121
800
#66651A
900
#4B4A16
950
#2F2F0E

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

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