#487954

#487954

Color Values

HEX

#487954

RGB

72, 121, 84

HSL

134.7, 25.4%, 37.8%

HSV

134.7, 40.5%, 47.5%

CMYK

40.5%, 0.0%, 30.6%, 52.5%

OKLCH

0.5305 0.079 150.8

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#487954

#79486D

Analogous

#547948

#48796C

#487954

Triadic

#487954

#544879

#795448

Split Complementary

#487954

#6C4879

#794854

Tetradic

#487954

#485479

#79486D

#796C48

Color Blindness Simulation

Original

#487954

Protanopia

#5D5E5D

Deuteranopia

#5A575F

Tritanopia

#4A6466

Achromatopsia

#6C6C6C

CSS Usage

background-color: #487954;
color: #487954;
border-color: #487954;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D2E4D7
300
#B2D1BA
400
#89B994
500
#5FA06F
600
#4C8059
700
#3D6647
800
#305037
900
#253C2B
950
#18261B

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026