#486528

#486528

Color Values

HEX

#486528

RGB

72, 101, 40

HSL

88.5, 43.3%, 27.6%

HSV

88.5, 60.4%, 39.6%

CMYK

28.7%, 0.0%, 60.4%, 60.4%

OKLCH

0.4693 0.0945 130.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#486528

#452865

Analogous

#656328

#296528

#486528

Triadic

#486528

#284865

#652848

Split Complementary

#486528

#282965

#632865

Tetradic

#486528

#286563

#452865

#652829

Color Blindness Simulation

Original

#486528

Protanopia

#555537

Deuteranopia

#53513A

Tritanopia

#494245

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DCEBCC
300
#C3DCA7
400
#A3CA78
500
#82B748
600
#68923A
700
#53752E
800
#415B24
900
#31431E
950
#1F2B13

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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