#628FB8

#628FB8

Color Values

HEX

#628FB8

RGB

98, 143, 184

HSL

208.6, 37.7%, 55.3%

HSV

208.6, 46.7%, 72.2%

CMYK

46.7%, 22.3%, 0.0%, 27.8%

OKLCH

0.6338 0.0792 246.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#628FB8

#B88B62

Analogous

#62B8B6

#6264B8

#628FB8

Triadic

#628FB8

#B8628F

#8FB862

Split Complementary

#628FB8

#B86264

#B8B662

Tetradic

#628FB8

#B662B8

#B88B62

#64B862

Color Blindness Simulation

Original

#628FB8

Protanopia

#7576AE

Deuteranopia

#7370AC

Tritanopia

#64A6A5

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDCE9
300
#ABC3D9
400
#7DA2C4
500
#4F82B0
600
#40688C
700
#335370
800
#284158
900
#203141
950
#141F29

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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