#487D1B

#487D1B

Color Values

HEX

#487D1B

RGB

72, 125, 27

HSL

92.4, 64.5%, 29.8%

HSV

92.4, 78.4%, 49.0%

CMYK

42.4%, 0.0%, 78.4%, 51.0%

OKLCH

0.5327 0.1388 134.2

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#487D1B

#501B7D

Analogous

#797D1B

#1B7D1F

#487D1B

Triadic

#487D1B

#1B487D

#7D1B48

Split Complementary

#487D1B

#1F1B7D

#7D1B79

Tetradic

#487D1B

#1B797D

#501B7D

#7D1F1B

Color Blindness Simulation

Original

#487D1B

Protanopia

#5F5F33

Deuteranopia

#5C5838

Tritanopia

#4B454A

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F2C4
300
#BFE99A
400
#9CDE64
500
#79D22D
600
#61A824
700
#4D861D
800
#3C6917
900
#2E4D14
950
#1D300D

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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