#498E63

#498E63

Color Values

HEX

#498E63

RGB

73, 142, 99

HSL

142.6, 32.1%, 42.2%

HSV

142.6, 48.6%, 55.7%

CMYK

48.6%, 0.0%, 30.3%, 44.3%

OKLCH

0.5893 0.097 154.7

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#498E63

#8E4974

Analogous

#528E49

#498E86

#498E63

Triadic

#498E63

#63498E

#8E6349

Split Complementary

#498E63

#86498E

#8E4952

Tetradic

#498E63

#49528E

#8E4974

#8E8649

Color Blindness Simulation

Original

#498E63

Protanopia

#67676D

Deuteranopia

#635E70

Tritanopia

#4C7677

Achromatopsia

#7C7C7C

CSS Usage

background-color: #498E63;
color: #498E63;
border-color: #498E63;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E7D8
300
#AED5BD
400
#82BF99
500
#57A875
600
#45875E
700
#376C4B
800
#2B543B
900
#223E2D
950
#16271C

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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