#486236

#486236

Color Values

HEX

#486236

RGB

72, 98, 54

HSL

95.5, 28.9%, 29.8%

HSV

95.5, 44.9%, 38.4%

CMYK

26.5%, 0.0%, 44.9%, 61.6%

OKLCH

0.4635 0.0741 133.5

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#486236

#503662

Analogous

#5E6236

#36623A

#486236

Triadic

#486236

#364862

#623648

Split Complementary

#486236

#3A3662

#62365E

Tetradic

#486236

#365E62

#503662

#623A36

Color Blindness Simulation

Original

#486236

Protanopia

#535341

Deuteranopia

#525043

Tritanopia

#49494B

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D9E6D1
300
#BFD3B0
400
#9CBC85
500
#79A45B
600
#618349
700
#4D693A
800
#3C522D
900
#2E3D24
950
#1D2717

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

3.08:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026