#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

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