#486330

#486330

Color Values

HEX

#486330

RGB

72, 99, 48

HSL

91.8, 34.7%, 28.8%

HSV

91.8, 51.5%, 38.8%

CMYK

27.3%, 0.0%, 51.5%, 61.2%

OKLCH

0.4651 0.0828 131.8

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#486330

#4B3063

Analogous

#616330

#306331

#486330

Triadic

#486330

#304863

#633048

Split Complementary

#486330

#313063

#633061

Tetradic

#486330

#306163

#4B3063

#633130

Color Blindness Simulation

Original

#486330

Protanopia

#54543C

Deuteranopia

#52503F

Tritanopia

#494648

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DBE8CF
300
#C1D7AD
400
#9FC180
500
#7DAC53
600
#648943
700
#506E35
800
#3E562A
900
#304021
950
#1E2815

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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