#486920

#486920

Color Values

HEX

#486920

RGB

72, 105, 32

HSL

87.1, 53.3%, 26.9%

HSV

87.1, 69.5%, 41.2%

CMYK

31.4%, 0.0%, 69.5%, 58.8%

OKLCH

0.4791 0.1078 130.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#486920

#412069

Analogous

#696620

#246920

#486920

Triadic

#486920

#204869

#692048

Split Complementary

#486920

#202469

#662069

Tetradic

#486920

#206966

#412069

#692024

Color Blindness Simulation

Original

#486920

Protanopia

#565732

Deuteranopia

#545236

Tritanopia

#4A4043

Achromatopsia

#5D5D5D

CSS Usage

background-color: #486920;
color: #486920;
border-color: #486920;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEEC8
300
#C5E2A1
400
#A6D36E
500
#86C33C
600
#6B9C30
700
#567D26
800
#43621E
900
#334819
950
#202D10

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

3.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