#628E89

#628E89

Color Values

HEX

#628E89

RGB

98, 142, 137

HSL

173.2, 18.3%, 47.1%

HSV

173.2, 31.0%, 55.7%

CMYK

31.0%, 0.0%, 3.5%, 44.3%

OKLCH

0.6132 0.0487 187.1

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#628E89

#8E6267

Analogous

#628E73

#627D8E

#628E89

Triadic

#628E89

#89628E

#8E8962

Split Complementary

#628E89

#8E627D

#8E7362

Tetradic

#628E89

#73628E

#8E6267

#7D8E62

Color Blindness Simulation

Original

#628E89

Protanopia

#75758A

Deuteranopia

#726F8A

Tritanopia

#648B8B

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E0
300
#B7CDCA
400
#8FB2AE
500
#689792
600
#537974
700
#43615D
800
#344B49
900
#283837
950
#1A2422

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.75:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026