#489668

#489668

Color Values

HEX

#489668

RGB

72, 150, 104

HSL

144.6, 35.1%, 43.5%

HSV

144.6, 52.0%, 58.8%

CMYK

52.0%, 0.0%, 30.7%, 41.2%

OKLCH

0.6108 0.105 155.6

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#489668

#964876

Analogous

#4F9648

#48968F

#489668

Triadic

#489668

#684896

#966848

Split Complementary

#489668

#8F4896

#96484F

Tetradic

#489668

#484F96

#964876

#968F48

Color Blindness Simulation

Original

#489668

Protanopia

#6A6A73

Deuteranopia

#655F76

Tritanopia

#4C7C7E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE8D9
300
#ACD7BE
400
#80C29B
500
#53AC77
600
#428A60
700
#356E4C
800
#29563C
900
#21402E
950
#15281D

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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