HEX #648CDA color — Havelock Blue
The color #648CDA is a light shade and moderately saturated.
Palette
648CDA color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,61%,97%) |
#dee6f7 |
rgb(222,230,247) |
hsl(220,61%,92%) |
#cad7f2 |
rgb(202,215,242) |
hsl(220,61%,87%) |
#b5c8ed |
rgb(181,200,237) |
hsl(220,61%,82%) |
#a1b8e8 |
rgb(161,184,232) |
hsl(220,61%,77%) |
#8ca9e3 |
rgb(140,169,227) |
hsl(220,61%,72%) |
#789ade |
rgb(120,154,222) |
hsl(220,61%,67%) |
#638ad9 |
rgb(99,138,217) |
hsl(220,61%,62%) |
#4e7bd4 |
rgb(78,123,212) |
hsl(220,61%,57%) |
#3a6ccf |
rgb(58,108,207) |
hsl(220,61%,52%) |
#2f5fc1 |
rgb(47,95,193) |
hsl(220,61%,47%) |
#2a55ac |
rgb(42,85,172) |
hsl(220,61%,42%) |
#254b98 |
rgb(37,75,152) |
hsl(220,61%,37%) |
#204183 |
rgb(32,65,131) |
hsl(220,61%,32%) |
#1b376f |
rgb(27,55,111) |
hsl(220,61%,27%) |
#162d5a |
rgb(22,45,90) |
hsl(220,61%,22%) |
#112346 |
rgb(17,35,70) |
hsl(220,61%,17%) |
#0c1831 |
rgb(12,24,49) |
hsl(220,61%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(220,61%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#64D9D9 |
rgb(100,217,217) |
hsl(180,61%,62%) |
#648CDA |
rgb(100,140,218) |
hsl(220,61%,62%) |
#8A63DA |
rgb(138,99,218) |
hsl(260,62%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DFE8F7 |
rgb(223,232,247) |
hsl(218,60%,92%) |
#B6C9ED |
rgb(182,201,237) |
hsl(219,60%,82%) |
#8DABE3 |
rgb(141,171,227) |
hsl(219,61%,72%) |
#648CDA |
rgb(100,140,218) |
hsl(220,61%,62%) |
#3A6ED0 |
rgb(58,110,208) |
hsl(219,61%,52%) |
#2957AE |
rgb(41,87,174) |
hsl(219,62%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#648CDA |
rgb(100,140,218) |
hsl(220,61%,62%) |
#DA7864 |
rgb(218,120,100) |
hsl(10,61%,62%) |
#C7D964 |
rgb(199,217,100) |
hsl(69,61%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648CDA |
rgb(100,140,218) |
hsl(220,61%,62%) |
#DAB364 |
rgb(218,179,100) |
hsl(40,61%,62%) |
#64C7DA |
rgb(100,199,218) |
hsl(190,61%,62%) |
#C7D964 |
rgb(199,217,100) |
hsl(69,61%,62%) |