#489A6C

#489A6C

Color Values

HEX

#489A6C

RGB

72, 154, 108

HSL

146.3, 36.3%, 44.3%

HSV

146.3, 53.2%, 60.4%

CMYK

53.2%, 0.0%, 29.9%, 39.6%

OKLCH

0.6221 0.1072 156.7

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#489A6C

#9A4876

Analogous

#4D9A48

#489A95

#489A6C

Triadic

#489A6C

#6C489A

#9A6C48

Split Complementary

#489A6C

#95489A

#9A484D

Tetradic

#489A6C

#484D9A

#9A4876

#9A9548

Color Blindness Simulation

Original

#489A6C

Protanopia

#6C6C77

Deuteranopia

#67617A

Tritanopia

#4C8082

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8DA
300
#ACD8BF
400
#7EC39C
500
#51AE7A
600
#418B61
700
#346F4E
800
#29573D
900
#21402E
950
#15291D

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026