HEX #5285D2 color — Havelock Blue
The color #5285D2 is a dark shade and moderately saturated.
Palette
5285D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(216,59%,97%) |
#dfe8f7 |
rgb(223,232,247) |
hsl(216,59%,92%) |
#cadaf1 |
rgb(202,218,241) |
hsl(216,59%,87%) |
#b6ccec |
rgb(182,204,236) |
hsl(216,59%,82%) |
#a2bde7 |
rgb(162,189,231) |
hsl(216,59%,77%) |
#8dafe2 |
rgb(141,175,226) |
hsl(216,59%,72%) |
#79a1dc |
rgb(121,161,220) |
hsl(216,59%,67%) |
#6593d7 |
rgb(101,147,215) |
hsl(216,59%,62%) |
#5184d2 |
rgb(81,132,210) |
hsl(216,59%,57%) |
#3c76cd |
rgb(60,118,205) |
hsl(216,59%,52%) |
#316abf |
rgb(49,106,191) |
hsl(216,59%,47%) |
#2c5eaa |
rgb(44,94,170) |
hsl(216,59%,42%) |
#275396 |
rgb(39,83,150) |
hsl(216,59%,37%) |
#214882 |
rgb(33,72,130) |
hsl(216,59%,32%) |
#1c3d6d |
rgb(28,61,109) |
hsl(216,59%,27%) |
#173159 |
rgb(23,49,89) |
hsl(216,59%,22%) |
#122645 |
rgb(18,38,69) |
hsl(216,59%,17%) |
#0d1b31 |
rgb(13,27,49) |
hsl(216,59%,12%) |
#07101c |
rgb(7,16,28) |
hsl(216,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(216,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#52D1C9 |
rgb(82,209,201) |
hsl(176,58%,57%) |
#5285D2 |
rgb(82,133,210) |
hsl(216,59%,57%) |
#7452D2 |
rgb(116,82,210) |
hsl(256,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CBAE5 |
rgb(156,186,229) |
hsl(215,58%,75%) |
#779EDB |
rgb(119,158,219) |
hsl(217,58%,66%) |
#5285D2 |
rgb(82,133,210) |
hsl(216,59%,57%) |
#326BC2 |
rgb(50,107,194) |
hsl(216,59%,48%) |
#28579D |
rgb(40,87,157) |
hsl(216,59%,39%) |
#1F4278 |
rgb(31,66,120) |
hsl(216,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5285D2 |
rgb(82,133,210) |
hsl(216,59%,57%) |
#D25E52 |
rgb(210,94,82) |
hsl(6,59%,57%) |
#C5D152 |
rgb(197,209,82) |
hsl(66,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5285D2 |
rgb(82,133,210) |
hsl(216,59%,57%) |
#D29E52 |
rgb(210,158,82) |
hsl(36,59%,57%) |
#52C4D2 |
rgb(82,196,210) |
hsl(187,59%,57%) |
#C5D152 |
rgb(197,209,82) |
hsl(66,58%,57%) |