#487012

#487012

Color Values

HEX

#487012

RGB

72, 112, 18

HSL

85,5, 72,3%, 25,5%

HSV

85,5, 83,9%, 43,9%

CMYK

35,7%, 0,0%, 83,9%, 56,1%

OKLCH

0,4969 0,1266 130,9

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#487012

#3A1270

Analogous

#706912

#197012

#487012

Triadic

#487012

#124870

#701248

Split Complementary

#487012

#121970

#691270

Tetradic

#487012

#127069

#3A1270

#701219

Color Blindness Simulation

Original

#487012

Protanopia

#595A29

Deuteranopia

#57542E

Tritanopia

#4A3B3F

Achromatopsia

#616161

CSS Usage

background-color: #487012;
color: #487012;
border-color: #487012;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#DFF5C1
300
#C8EE96
400
#ABE55C
500
#8DDC23
600
#71B01C
700
#5A8D17
800
#476E12
900
#355011
950
#22330B

Contrast Checker

Text on white

5,83:1

AA Pass AAA Fail

Text on black

3,6: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