#505403

#505403

Color Values

HEX

#505403

RGB

80, 84, 3

HSL

63.0, 93.1%, 17.1%

HSV

63.0, 96.4%, 32.9%

CMYK

4.8%, 0.0%, 96.4%, 67.1%

OKLCH

0.4279 0.0938 112.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#505403

#070354

Analogous

#543003

#285403

#505403

Triadic

#505403

#035054

#540350

Split Complementary

#505403

#032854

#300354

Tetradic

#505403

#035430

#070354

#540328

Color Blindness Simulation

Original

#505403

Protanopia

#525217

Deuteranopia

#52511B

Tritanopia

#502629

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FAFBDF
200
#F9FDBA
300
#F5FB89
400
#F0F849
500
#EAF609
600
#BBC507
700
#969E06
800
#757B04
900
#555908
950
#363805

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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