#628CE0

#628CE0

Color Values

HEX

#628CE0

RGB

98, 140, 224

HSL

220.0, 67.0%, 63.1%

HSV

220.0, 56.2%, 87.8%

CMYK

56.2%, 37.5%, 0.0%, 12.2%

OKLCH

0.6474 0.1346 263.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#628CE0

#E0B662

Analogous

#62CBE0

#7762E0

#628CE0

Triadic

#628CE0

#E0628C

#8CE062

Split Complementary

#628CE0

#E07762

#CBE062

Tetradic

#628CE0

#E062CB

#E0B662

#62E077

Color Blindness Simulation

Original

#628CE0

Protanopia

#7475CC

Deuteranopia

#726FC7

Tritanopia

#64BCB8

Achromatopsia

#898989

CSS Usage

background-color: #628CE0;
color: #628CE0;
border-color: #628CE0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C3D3F3
300
#99B4EB
400
#618CE0
500
#2A63D5
600
#224FAA
700
#1B3F88
800
#15326A
900
#13274E
950
#0C1831

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026