#489E97

#489E97

Color Values

HEX

#489E97

RGB

72, 158, 151

HSL

175.1, 37.4%, 45.1%

HSV

175.1, 54.4%, 62.0%

CMYK

54.4%, 0.0%, 4.4%, 38.0%

OKLCH

0.6445 0.0836 188.1

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#489E97

#9E484F

Analogous

#489E6C

#487A9E

#489E97

Triadic

#489E97

#97489E

#9E9748

Split Complementary

#489E97

#9E487A

#9E6C48

Tetradic

#489E97

#6C489E

#9E484F

#7A9E48

Color Blindness Simulation

Original

#489E97

Protanopia

#6D6E99

Deuteranopia

#686299

Tritanopia

#4C9A9A

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E6
300
#ABD9D5
400
#7DC4BE
500
#50AFA7
600
#408C86
700
#33706B
800
#285854
900
#20413E
950
#142927

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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