#498987

#498987

Color Values

HEX

#498987

RGB

73, 137, 135

HSL

178.1, 30.5%, 41.2%

HSV

178.1, 46.7%, 53.7%

CMYK

46.7%, 0.0%, 1.5%, 46.3%

OKLCH

0.5871 0.066 192.9

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#498987

#89494B

Analogous

#498967

#496B89

#498987

Triadic

#498987

#874989

#898749

Split Complementary

#498987

#89496B

#896749

Tetradic

#498987

#674989

#89494B

#6B8949

Color Blindness Simulation

Original

#498987

Protanopia

#656587

Deuteranopia

#615C88

Tritanopia

#4C8888

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D0E6E5
300
#AFD4D3
400
#84BDBC
500
#59A6A4
600
#478583
700
#396A69
800
#2C5352
900
#233E3D
950
#162726

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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