#628EAB

#628EAB

Color Values

HEX

#628EAB

RGB

98, 142, 171

HSL

203.8, 30.3%, 52.7%

HSV

203.8, 42.7%, 67.1%

CMYK

42.7%, 17.0%, 0.0%, 32.9%

OKLCH

0.6259 0.0651 238.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#628EAB

#AB7F62

Analogous

#62ABA3

#6269AB

#628EAB

Triadic

#628EAB

#AB628E

#8EAB62

Split Complementary

#628EAB

#AB6269

#ABA362

Tetradic

#628EAB

#A362AB

#AB7F62

#69AB62

Color Blindness Simulation

Original

#628EAB

Protanopia

#7575A4

Deuteranopia

#726FA2

Tritanopia

#649E9D

Achromatopsia

#878787

CSS Usage

background-color: #628EAB;
color: #628EAB;
border-color: #628EAB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DEE6
300
#AFC6D4
400
#84A7BD
500
#5987A6
600
#476C85
700
#39576A
800
#2C4453
900
#23333E
950
#162027

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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