#486232

#486232

Color Values

HEX

#486232

RGB

72, 98, 50

HSL

92.5, 32.4%, 29.0%

HSV

92.5, 49.0%, 38.4%

CMYK

26.5%, 0.0%, 49.0%, 61.6%

OKLCH

0.4628 0.0788 132.1

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#486232

#4C3262

Analogous

#606232

#326234

#486232

Triadic

#486232

#324862

#623248

Split Complementary

#486232

#343262

#623260

Tetradic

#486232

#326062

#4C3262

#623432

Color Blindness Simulation

Original

#486232

Protanopia

#53533E

Deuteranopia

#525040

Tritanopia

#494749

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#EDF2E8
200
#DAE7D0
300
#C0D6AE
400
#9EBF82
500
#7CA956
600
#638745
700
#4F6C37
800
#3E542B
900
#2F3F22
950
#1E2816

Contrast Checker

Text on white

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