#489768

#489768

Color Values

HEX

#489768

RGB

72, 151, 104

HSL

144.3, 35.4%, 43.7%

HSV

144.3, 52.3%, 59.2%

CMYK

52.3%, 0.0%, 31.1%, 40.8%

OKLCH

0.6134 0.1065 155.4

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#489768

#974877

Analogous

#4F9748

#48978F

#489768

Triadic

#489768

#684897

#976848

Split Complementary

#489768

#8F4897

#97484F

Tetradic

#489768

#484F97

#974877

#978F48

Color Blindness Simulation

Original

#489768

Protanopia

#6A6B73

Deuteranopia

#666076

Tritanopia

#4C7C7E

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CFE8D9
300
#ACD7BE
400
#7FC29A
500
#52AD77
600
#428A5F
700
#356E4C
800
#29563B
900
#21402E
950
#15281D

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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