#486946

#486946

Color Values

HEX

#486946

RGB

72, 105, 70

HSL

116.6, 20.0%, 34.3%

HSV

116.6, 33.3%, 41.2%

CMYK

31.4%, 0.0%, 33.3%, 58.8%

OKLCH

0.4853 0.067 143.1

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#486946

#674669

Analogous

#596946

#466955

#486946

Triadic

#486946

#464869

#694648

Split Complementary

#486946

#554669

#694659

Tetradic

#486946

#465969

#674669

#695546

Color Blindness Simulation

Original

#486946

Protanopia

#56574E

Deuteranopia

#545250

Tritanopia

#4A5557

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D5E2D4
300
#B7CEB6
400
#90B48E
500
#699966
600
#547A52
700
#436241
800
#344D33
900
#293928
950
#1A2419

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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