#648CDD

#648CDD

Color Values

HEX

#648CDD

RGB

100, 140, 221

HSL

220.2, 64.0%, 62.9%

HSV

220.2, 54.8%, 86.7%

CMYK

54.8%, 36.7%, 0.0%, 13.3%

OKLCH

0.6468 0.1298 263.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#648CDD

#DDB564

Analogous

#64C8DD

#7864DD

#648CDD

Triadic

#648CDD

#DD648C

#8CDD64

Split Complementary

#648CDD

#DD7864

#C8DD64

Tetradic

#648CDD

#DD64C8

#DDB564

#64DD78

Color Blindness Simulation

Original

#648CDD

Protanopia

#7576C9

Deuteranopia

#7370C5

Tritanopia

#66BAB7

Achromatopsia

#898989

CSS Usage

background-color: #648CDD;
color: #648CDD;
border-color: #648CDD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C4D4F2
300
#9BB4E9
400
#648CDD
500
#2E64D1
600
#2550A7
700
#1D4086
800
#173269
900
#15274C
950
#0D1930

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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