#498787

#498787

Color Values

HEX

#498787

RGB

73, 135, 135

HSL

180,0, 29,8%, 40,8%

HSV

180,0, 45,9%, 52,9%

CMYK

45,9%, 0,0%, 0,0%, 47,1%

OKLCH

0,5821 0,0642 195,5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#498787

#874949

Analogous

#498768

#496887

#498787

Triadic

#498787

#874987

#878749

Split Complementary

#498787

#874968

#876849

Tetradic

#498787

#684987

#874949

#688749

Color Blindness Simulation

Original

#498787

Protanopia

#646487

Deuteranopia

#605C87

Tritanopia

#4C8787

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F2
200
#D1E6E6
300
#B0D4D4
400
#85BDBD
500
#5AA5A5
600
#488484
700
#396A6A
800
#2D5353
900
#233D3D
950
#162727

Contrast Checker

Text on white

4,12:1

AA Fail AAA Fail

Text on black

5,1: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