#487312

#487312

Color Values

HEX

#487312

RGB

72, 115, 18

HSL

86.6, 72.9%, 26.1%

HSV

86.6, 84.3%, 45.1%

CMYK

37.4%, 0.0%, 84.3%, 54.9%

OKLCH

0.5051 0.1305 131.6

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#487312

#3D1273

Analogous

#736E12

#187312

#487312

Triadic

#487312

#124873

#731248

Split Complementary

#487312

#121873

#6E1273

Tetradic

#487312

#12736E

#3D1273

#731218

Color Blindness Simulation

Original

#487312

Protanopia

#5B5B29

Deuteranopia

#58552F

Tritanopia

#4A3C40

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DEF5C1
300
#C7EE95
400
#A8E55C
500
#8ADC23
600
#6EB01C
700
#588D16
800
#456E11
900
#345011
950
#21330B

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026