#504A02

#504A02

Color Values

HEX

#504A02

RGB

80, 74, 2

HSL

55.4, 95.1%, 16.1%

HSV

55.4, 97.5%, 31.4%

CMYK

0.0%, 7.5%, 97.5%, 68.6%

OKLCH

0.4024 0.0839 104.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#504A02

#020850

Analogous

#502302

#2F5002

#504A02

Triadic

#504A02

#02504A

#4A0250

Split Complementary

#504A02

#022F50

#230250

Tetradic

#504A02

#025023

#020850

#50022F

Color Blindness Simulation

Original

#504A02

Protanopia

#4D4D13

Deuteranopia

#4E4E18

Tritanopia

#502124

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCF9DF
200
#FDF8B9
300
#FCF388
400
#FAED47
500
#F9E606
600
#C7B805
700
#9F9304
800
#7C7303
900
#5A5407
950
#393504

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

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