#62897D

#62897D

Color Values

HEX

#62897D

RGB

98, 137, 125

HSL

161.5, 16.6%, 46.1%

HSV

161.5, 28.5%, 53.7%

CMYK

28.5%, 0.0%, 8.8%, 46.3%

OKLCH

0.5974 0.0472 173.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#62897D

#89626E

Analogous

#62896A

#628289

#62897D

Triadic

#62897D

#7D6289

#897D62

Split Complementary

#62897D

#896282

#896A62

Tetradic

#62897D

#6A6289

#89626E

#828962

Color Blindness Simulation

Original

#62897D

Protanopia

#737380

Deuteranopia

#716E81

Tritanopia

#648283

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DE
300
#B8CCC6
400
#91B0A7
500
#6A9588
600
#55776C
700
#445F57
800
#354A44
900
#293833
950
#1A2320

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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