#648FDE

#648FDE

Color Values

HEX

#648FDE

RGB

100, 143, 222

HSL

218.9, 64.9%, 63.1%

HSV

218.9, 55.0%, 87.1%

CMYK

55.0%, 35.6%, 0.0%, 12.9%

OKLCH

0.6537 0.1278 261.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#648FDE

#DEB364

Analogous

#64CCDE

#7664DE

#648FDE

Triadic

#648FDE

#DE648F

#8FDE64

Split Complementary

#648FDE

#DE7664

#CCDE64

Tetradic

#648FDE

#DE64CC

#DEB364

#64DE76

Color Blindness Simulation

Original

#648FDE

Protanopia

#7777CB

Deuteranopia

#7471C6

Tritanopia

#66BCB8

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C4D4F2
300
#9AB6EA
400
#638EDE
500
#2D67D2
600
#2452A8
700
#1D4287
800
#163369
900
#14284D
950
#0D1930

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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