#486A45

#486A45

Color Values

HEX

#486A45

RGB

72, 106, 69

HSL

115.1, 21.1%, 34.3%

HSV

115.1, 34.9%, 41.6%

CMYK

32.1%, 0.0%, 34.9%, 58.4%

OKLCH

0.4877 0.07 142.5

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#486A45

#67456A

Analogous

#5A6A45

#456A54

#486A45

Triadic

#486A45

#45486A

#6A4548

Split Complementary

#486A45

#54456A

#6A455A

Tetradic

#486A45

#455A6A

#67456A

#6A5445

Color Blindness Simulation

Original

#486A45

Protanopia

#57574E

Deuteranopia

#555250

Tritanopia

#4A5557

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D5E3D4
300
#B7CFB5
400
#90B58D
500
#699A65
600
#547C50
700
#436340
800
#344D32
900
#293A27
950
#1A2419

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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