#486231

#486231

Color Values

HEX

#486231

RGB

72, 98, 49

HSL

91.8, 33.3%, 28.8%

HSV

91.8, 50.0%, 38.4%

CMYK

26.5%, 0.0%, 50.0%, 61.6%

OKLCH

0.4626 0.08 131.8

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#486231

#4B3162

Analogous

#606231

#316232

#486231

Triadic

#486231

#314862

#623148

Split Complementary

#486231

#323162

#623160

Tetradic

#486231

#316062

#4B3162

#623231

Color Blindness Simulation

Original

#486231

Protanopia

#53533D

Deuteranopia

#525040

Tritanopia

#494648

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DBE7CF
300
#C1D6AD
400
#9FC081
500
#7DAA55
600
#648844
700
#506D36
800
#3E552B
900
#303F22
950
#1E2815

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026