#628DDB

#628DDB

Color Values

HEX

#628DDB

RGB

98, 141, 219

HSL

218.7, 62.7%, 62.2%

HSV

218.7, 55.3%, 85.9%

CMYK

55.3%, 35.6%, 0.0%, 14.1%

OKLCH

0.6468 0.1267 261.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#628DDB

#DBB062

Analogous

#62CADB

#7462DB

#628DDB

Triadic

#628DDB

#DB628D

#8DDB62

Split Complementary

#628DDB

#DB7462

#CADB62

Tetradic

#628DDB

#DB62CA

#DBB062

#62DB74

Color Blindness Simulation

Original

#628DDB

Protanopia

#7575C8

Deuteranopia

#726FC4

Tritanopia

#64B9B6

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EAF7
200
#C5D5F2
300
#9BB7E8
400
#658FDC
500
#3068CF
600
#2653A6
700
#1E4385
800
#183468
900
#15294C
950
#0D1A30

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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