#486B42

#486B42

Color Values

HEX

#486B42

RGB

72, 107, 66

HSL

111.2, 23.7%, 33.9%

HSV

111.2, 38.3%, 42.0%

CMYK

32.7%, 0.0%, 38.3%, 58.0%

OKLCH

0.4897 0.0753 140.9

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#486B42

#65426B

Analogous

#5C6B42

#426B50

#486B42

Triadic

#486B42

#42486B

#6B4248

Split Complementary

#486B42

#50426B

#6B425C

Tetradic

#486B42

#425C6B

#65426B

#6B5042

Color Blindness Simulation

Original

#486B42

Protanopia

#57574C

Deuteranopia

#55524E

Tritanopia

#4A5455

Achromatopsia

#616161

CSS Usage

background-color: #486B42;
color: #486B42;
border-color: #486B42;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#EBF1EA
200
#D5E4D3
300
#B8D0B3
400
#91B78A
500
#6A9E61
600
#557E4E
700
#44653E
800
#354F31
900
#293B26
950
#1A2518

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

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