#487F55

#487F55

Color Values

HEX

#487F55

RGB

72, 127, 85

HSL

134.2, 27.6%, 39.0%

HSV

134.2, 43.3%, 49.8%

CMYK

43.3%, 0.0%, 33.1%, 50.2%

OKLCH

0.5465 0.0879 150.3

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#487F55

#7F4872

Analogous

#567F48

#487F70

#487F55

Triadic

#487F55

#55487F

#7F5548

Split Complementary

#487F55

#70487F

#7F4856

Tetradic

#487F55

#48567F

#7F4872

#7F7048

Color Blindness Simulation

Original

#487F55

Protanopia

#60605F

Deuteranopia

#5D5862

Tritanopia

#4B6769

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D1E5D6
300
#B1D3B9
400
#87BB93
500
#5CA36D
600
#4A8257
700
#3B6846
800
#2E5136
900
#243C2A
950
#17261B

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026