#489371

#489371

Color Values

HEX

#489371

RGB

72, 147, 113

HSL

152.8, 34.2%, 42.9%

HSV

152.8, 51.0%, 57.6%

CMYK

51.0%, 0.0%, 23.1%, 42.4%

OKLCH

0.6053 0.0921 162.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#489371

#93486A

Analogous

#48934B

#488F93

#489371

Triadic

#489371

#714893

#937148

Split Complementary

#489371

#93488F

#934B48

Tetradic

#489371

#4B4893

#93486A

#8F9348

Color Blindness Simulation

Original

#489371

Protanopia

#686979

Deuteranopia

#645E7B

Tritanopia

#4C8081

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DC
300
#ADD7C4
400
#80C1A4
500
#54AB84
600
#438969
700
#366E54
800
#2A5642
900
#223F32
950
#15281F

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.69:1

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