#498E76

#498E76

Color Values

HEX

#498E76

RGB

73, 142, 118

HSL

159.1, 32.1%, 42.2%

HSV

159.1, 48.6%, 55.7%

CMYK

48.6%, 0.0%, 16.9%, 44.3%

OKLCH

0.5943 0.08 168.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#498E76

#8E4961

Analogous

#498E54

#49848E

#498E76

Triadic

#498E76

#76498E

#8E7649

Split Complementary

#498E76

#8E4984

#8E5449

Tetradic

#498E76

#54498E

#8E4961

#848E49

Color Blindness Simulation

Original

#498E76

Protanopia

#67677C

Deuteranopia

#635E7D

Tritanopia

#4C8081

Achromatopsia

#7E7E7E

CSS Usage

background-color: #498E76;
color: #498E76;
border-color: #498E76;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7DF
300
#AED5C8
400
#82BFAA
500
#57A88C
600
#458770
700
#376C5A
800
#2B5446
900
#223E35
950
#162721

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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