HEX #648AE0 color — Havelock Blue
The color #648AE0 is a light shade and moderately saturated.
Palette
648AE0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,67%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(222,67%,94%) |
#d0dbf6 |
rgb(208,219,246) |
hsl(222,67%,89%) |
#bbcbf2 |
rgb(187,203,242) |
hsl(222,67%,84%) |
#a6bbed |
rgb(166,187,237) |
hsl(222,67%,79%) |
#90abe9 |
rgb(144,171,233) |
hsl(222,67%,74%) |
#7b9be5 |
rgb(123,155,229) |
hsl(222,67%,69%) |
#668be1 |
rgb(102,139,225) |
hsl(222,67%,64%) |
#507adc |
rgb(80,122,220) |
hsl(222,67%,59%) |
#3b6ad8 |
rgb(59,106,216) |
hsl(222,67%,54%) |
#295bd1 |
rgb(41,91,209) |
hsl(222,67%,49%) |
#2552bb |
rgb(37,82,187) |
hsl(222,67%,44%) |
#2149a6 |
rgb(33,73,166) |
hsl(222,67%,39%) |
#1d3f91 |
rgb(29,63,145) |
hsl(222,67%,34%) |
#18367b |
rgb(24,54,123) |
hsl(222,67%,29%) |
#142d66 |
rgb(20,45,102) |
hsl(222,67%,24%) |
#102351 |
rgb(16,35,81) |
hsl(222,67%,19%) |
#0c1a3c |
rgb(12,26,60) |
hsl(222,67%,14%) |
#081126 |
rgb(8,17,38) |
hsl(222,67%,9%) |
#030711 |
rgb(3,7,17) |
hsl(222,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#64DEE0 |
rgb(100,222,224) |
hsl(181,67%,64%) |
#648AE0 |
rgb(100,138,224) |
hsl(222,67%,64%) |
#9063E0 |
rgb(144,99,224) |
hsl(262,67%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E5EBF9 |
rgb(229,235,249) |
hsl(222,63%,94%) |
#BACCF1 |
rgb(186,204,241) |
hsl(220,66%,84%) |
#8FABE8 |
rgb(143,171,232) |
hsl(221,66%,74%) |
#648AE0 |
rgb(100,138,224) |
hsl(222,67%,64%) |
#3869D7 |
rgb(56,105,215) |
hsl(222,67%,53%) |
#2452B7 |
rgb(36,82,183) |
hsl(221,67%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#648AE0 |
rgb(100,138,224) |
hsl(222,67%,64%) |
#E07D64 |
rgb(224,125,100) |
hsl(12,67%,64%) |
#C8E064 |
rgb(200,224,100) |
hsl(72,67%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648AE0 |
rgb(100,138,224) |
hsl(222,67%,64%) |
#E0BA64 |
rgb(224,186,100) |
hsl(42,67%,64%) |
#64C7E0 |
rgb(100,199,224) |
hsl(192,67%,64%) |
#C8E064 |
rgb(200,224,100) |
hsl(72,67%,64%) |