#648AD2

#648AD2

Color Values

HEX

#648AD2

RGB

100, 138, 210

HSL

219,3, 55,0%, 60,8%

HSV

219,3, 52,4%, 82,4%

CMYK

52,4%, 34,3%, 0,0%, 17,6%

OKLCH

0,6367 0,117 262,4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#648AD2

#D2AC64

Analogous

#64C1D2

#7564D2

#648AD2

Triadic

#648AD2

#D2648A

#8AD264

Split Complementary

#648AD2

#D27564

#C1D264

Tetradic

#648AD2

#D264C1

#D2AC64

#64D275

Color Blindness Simulation

Original

#648AD2

Protanopia

#7475C1

Deuteranopia

#726FBC

Tritanopia

#66B3B0

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D5EF
300
#A0B7E3
400
#6D91D5
500
#396AC6
600
#2E559E
700
#25447E
800
#1D3563
900
#182948
950
#0F1A2E

Contrast Checker

Text on white

3,44:1

AA Fail AAA Fail

Text on black

6,11:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026