#487956

#487956

Color Values

HEX

#487956

RGB

72, 121, 86

HSL

137.1, 25.4%, 37.8%

HSV

137.1, 40.5%, 47.5%

CMYK

40.5%, 0.0%, 28.9%, 52.5%

OKLCH

0.531 0.0768 152.2

Properties

Cool Dark Nearest: darkseagreen 4

Color Harmonies

Complementary

#487956

#79486B

Analogous

#527948

#48796E

#487956

Triadic

#487956

#564879

#795648

Split Complementary

#487956

#6E4879

#794852

Tetradic

#487956

#485279

#79486B

#796E48

Color Blindness Simulation

Original

#487956

Protanopia

#5D5E5E

Deuteranopia

#5A5760

Tritanopia

#4A6567

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D2E4D7
300
#B2D1BB
400
#89B996
500
#5FA072
600
#4C805B
700
#3D6649
800
#305039
900
#253C2C
950
#18261C

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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