#489F75

#489F75

Color Values

HEX

#489F75

RGB

72, 159, 117

HSL

151.0, 37.7%, 45.3%

HSV

151.0, 54.7%, 62.4%

CMYK

54.7%, 0.0%, 26.4%, 37.6%

OKLCH

0.6372 0.1062 160.1

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#489F75

#9F4872

Analogous

#489F49

#489E9F

#489F75

Triadic

#489F75

#75489F

#9F7548

Split Complementary

#489F75

#9F489E

#9F4948

Tetradic

#489F75

#49489F

#9F4872

#9E9F48

Color Blindness Simulation

Original

#489F75

Protanopia

#6E6E7F

Deuteranopia

#696282

Tritanopia

#4C8789

Achromatopsia

#898989

CSS Usage

background-color: #489F75;
color: #489F75;
border-color: #489F75;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DC
300
#ABD9C3
400
#7DC4A2
500
#4FB081
600
#408C67
700
#337053
800
#285841
900
#204131
950
#14291F

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.49:1

AA Pass 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