HEX #648CE1 color — Havelock Blue
The color #648CE1 is a light shade and moderately saturated.
Palette
648CE1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,68%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(221,68%,94%) |
#d0dcf6 |
rgb(208,220,246) |
hsl(221,68%,89%) |
#baccf2 |
rgb(186,204,242) |
hsl(221,68%,84%) |
#a5bcee |
rgb(165,188,238) |
hsl(221,68%,79%) |
#90acea |
rgb(144,172,234) |
hsl(221,68%,74%) |
#7a9ce6 |
rgb(122,156,230) |
hsl(221,68%,69%) |
#658ce2 |
rgb(101,140,226) |
hsl(221,68%,64%) |
#4f7cde |
rgb(79,124,222) |
hsl(221,68%,59%) |
#3a6cd9 |
rgb(58,108,217) |
hsl(221,68%,54%) |
#285ed2 |
rgb(40,94,210) |
hsl(221,68%,49%) |
#2454bc |
rgb(36,84,188) |
hsl(221,68%,44%) |
#204ba7 |
rgb(32,75,167) |
hsl(221,68%,39%) |
#1c4192 |
rgb(28,65,146) |
hsl(221,68%,34%) |
#18387c |
rgb(24,56,124) |
hsl(221,68%,29%) |
#142e67 |
rgb(20,46,103) |
hsl(221,68%,24%) |
#102451 |
rgb(16,36,81) |
hsl(221,68%,19%) |
#0b1b3c |
rgb(11,27,60) |
hsl(221,68%,14%) |
#071127 |
rgb(7,17,39) |
hsl(221,68%,9%) |
#030811 |
rgb(3,8,17) |
hsl(221,68%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#64E0E1 |
rgb(100,224,225) |
hsl(180,68%,64%) |
#648CE1 |
rgb(100,140,225) |
hsl(221,68%,64%) |
#8F63E1 |
rgb(143,99,225) |
hsl(261,68%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E6EDFA |
rgb(230,237,250) |
hsl(219,67%,94%) |
#BBCCF1 |
rgb(187,204,241) |
hsl(221,66%,84%) |
#8FADE9 |
rgb(143,173,233) |
hsl(220,67%,74%) |
#648CE1 |
rgb(100,140,225) |
hsl(221,68%,64%) |
#386BD8 |
rgb(56,107,216) |
hsl(221,67%,53%) |
#2354B9 |
rgb(35,84,185) |
hsl(220,68%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#648CE1 |
rgb(100,140,225) |
hsl(221,68%,64%) |
#E17A64 |
rgb(225,122,100) |
hsl(11,68%,64%) |
#CAE064 |
rgb(202,224,100) |
hsl(71,67%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648CE1 |
rgb(100,140,225) |
hsl(221,68%,64%) |
#E1BA64 |
rgb(225,186,100) |
hsl(41,68%,64%) |
#64C9E1 |
rgb(100,201,225) |
hsl(192,68%,64%) |
#CAE064 |
rgb(202,224,100) |
hsl(71,67%,64%) |