#489979

#489979

Color Values

HEX

#489979

RGB

72, 153, 121

HSL

156.3, 36.0%, 44.1%

HSV

156.3, 52.9%, 60.0%

CMYK

52.9%, 0.0%, 20.9%, 40.0%

OKLCH

0.6228 0.0941 165.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#489979

#994868

Analogous

#489950

#489099

#489979

Triadic

#489979

#794899

#997948

Split Complementary

#489979

#994890

#995048

Tetradic

#489979

#504899

#994868

#909948

Color Blindness Simulation

Original

#489979

Protanopia

#6B6C81

Deuteranopia

#666083

Tritanopia

#4C8788

Achromatopsia

#858585

CSS Usage

background-color: #489979;
color: #489979;
border-color: #489979;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ACD8C6
400
#7FC3A8
500
#52AD89
600
#418B6E
700
#346F58
800
#295745
900
#214034
950
#152921

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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