#498992

#498992

Color Values

HEX

#498992

RGB

73, 137, 146

HSL

187.4, 33.3%, 42.9%

HSV

187.4, 50.0%, 57.3%

CMYK

50.0%, 6.2%, 0.0%, 42.7%

OKLCH

0.5911 0.067 207.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#498992

#925249

Analogous

#499276

#496492

#498992

Triadic

#498992

#924989

#899249

Split Complementary

#498992

#924964

#927649

Tetradic

#498992

#764992

#925249

#649249

Color Blindness Simulation

Original

#498992

Protanopia

#656590

Deuteranopia

#615C8F

Tritanopia

#4C8E8E

Achromatopsia

#7C7C7C

CSS Usage

background-color: #498992;
color: #498992;
border-color: #498992;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE4E7
300
#ADD1D6
400
#81B8C0
500
#559FAA
600
#448088
700
#36666D
800
#2B5055
900
#223B3F
950
#152628

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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