HEX #5078D2 color — Havelock Blue
The color #5078D2 is a dark shade and moderately saturated.
Palette
5078D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,59%,97%) |
#dfe6f7 |
rgb(223,230,247) |
hsl(222,59%,92%) |
#cad6f1 |
rgb(202,214,241) |
hsl(222,59%,87%) |
#b6c6ec |
rgb(182,198,236) |
hsl(222,59%,82%) |
#a2b7e7 |
rgb(162,183,231) |
hsl(222,59%,77%) |
#8da7e2 |
rgb(141,167,226) |
hsl(222,59%,72%) |
#7997dc |
rgb(121,151,220) |
hsl(222,59%,67%) |
#6587d7 |
rgb(101,135,215) |
hsl(222,59%,62%) |
#5177d2 |
rgb(81,119,210) |
hsl(222,59%,57%) |
#3c68cd |
rgb(60,104,205) |
hsl(222,59%,52%) |
#315cbf |
rgb(49,92,191) |
hsl(222,59%,47%) |
#2c52aa |
rgb(44,82,170) |
hsl(222,59%,42%) |
#274896 |
rgb(39,72,150) |
hsl(222,59%,37%) |
#213e82 |
rgb(33,62,130) |
hsl(222,59%,32%) |
#1c356d |
rgb(28,53,109) |
hsl(222,59%,27%) |
#172b59 |
rgb(23,43,89) |
hsl(222,59%,22%) |
#122145 |
rgb(18,33,69) |
hsl(222,59%,17%) |
#0d1731 |
rgb(13,23,49) |
hsl(222,59%,12%) |
#070e1c |
rgb(7,14,28) |
hsl(222,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50CFD2 |
rgb(80,207,210) |
hsl(181,59%,57%) |
#5078D2 |
rgb(80,120,210) |
hsl(222,59%,57%) |
#7E4FD2 |
rgb(126,79,210) |
hsl(262,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99B0E4 |
rgb(153,176,228) |
hsl(222,58%,75%) |
#7494DB |
rgb(116,148,219) |
hsl(221,59%,66%) |
#5078D2 |
rgb(80,120,210) |
hsl(222,59%,57%) |
#315EC1 |
rgb(49,94,193) |
hsl(221,60%,47%) |
#284D9C |
rgb(40,77,156) |
hsl(221,59%,38%) |
#1E3B77 |
rgb(30,59,119) |
hsl(220,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5078D2 |
rgb(80,120,210) |
hsl(222,59%,57%) |
#D26950 |
rgb(210,105,80) |
hsl(12,59%,57%) |
#B9D150 |
rgb(185,209,80) |
hsl(71,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5078D2 |
rgb(80,120,210) |
hsl(222,59%,57%) |
#D2AB50 |
rgb(210,171,80) |
hsl(42,59%,57%) |
#50BAD2 |
rgb(80,186,210) |
hsl(191,59%,57%) |
#B9D150 |
rgb(185,209,80) |
hsl(71,58%,57%) |