#498989

#498989

Color Values

HEX

#498989

RGB

73, 137, 137

HSL

180.0, 30.5%, 41.2%

HSV

180.0, 46.7%, 53.7%

CMYK

46.7%, 0.0%, 0.0%, 46.3%

OKLCH

0.5878 0.0659 195.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#498989

#894949

Analogous

#498969

#496989

#498989

Triadic

#498989

#894989

#898949

Split Complementary

#498989

#894969

#896949

Tetradic

#498989

#694989

#894949

#698949

Color Blindness Simulation

Original

#498989

Protanopia

#656589

Deuteranopia

#615C89

Tritanopia

#4C8989

Achromatopsia

#7B7B7B

CSS Usage

background-color: #498989;
color: #498989;
border-color: #498989;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F9
100
#E9F2F2
200
#D0E6E6
300
#AFD4D4
400
#84BDBD
500
#59A6A6
600
#478585
700
#396A6A
800
#2C5353
900
#233E3E
950
#162727

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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