#486A2F

#486A2F

Color Values

HEX

#486A2F

RGB

72, 106, 47

HSL

94.6, 38.6%, 30.0%

HSV

94.6, 55.7%, 41.6%

CMYK

32.1%, 0.0%, 55.7%, 58.4%

OKLCH

0.4836 0.0952 133.6

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#486A2F

#512F6A

Analogous

#666A2F

#2F6A33

#486A2F

Triadic

#486A2F

#2F486A

#6A2F48

Split Complementary

#486A2F

#332F6A

#6A2F66

Tetradic

#486A2F

#2F666A

#512F6A

#6A332F

Color Blindness Simulation

Original

#486A2F

Protanopia

#57573D

Deuteranopia

#555241

Tritanopia

#4A494B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D9E9CE
300
#BED9AA
400
#9BC57C
500
#78B14E
600
#608D3F
700
#4D7132
800
#3C5827
900
#2E4120
950
#1D2914

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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