#486E35

#486E35

Color Values

HEX

#486E35

RGB

72, 110, 53

HSL

100.0, 35.0%, 32.0%

HSV

100.0, 51.8%, 43.1%

CMYK

34.5%, 0.0%, 51.8%, 56.9%

OKLCH

0.4952 0.0952 136.1

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#486E35

#5B356E

Analogous

#656E35

#356E3F

#486E35

Triadic

#486E35

#35486E

#6E3548

Split Complementary

#486E35

#3F356E

#6E3565

Tetradic

#486E35

#35656E

#5B356E

#6E3F35

Color Blindness Simulation

Original

#486E35

Protanopia

#585943

Deuteranopia

#565346

Tritanopia

#4A4E50

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF2E8
200
#D7E8CF
300
#BBD7AC
400
#96C280
500
#71AC53
600
#5A8A42
700
#486E35
800
#385629
900
#2B4021
950
#1B2815

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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