HEX #5180D2 color — Havelock Blue
The color #5180d2 is a dark shade and moderately saturated.
Palette
5180d2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(218,59%,97%) |
#dfe7f7 |
rgb(223,231,247) |
hsl(218,59%,92%) |
#cad9f1 |
rgb(202,217,241) |
hsl(218,59%,87%) |
#b6caec |
rgb(182,202,236) |
hsl(218,59%,82%) |
#a2bbe7 |
rgb(162,187,231) |
hsl(218,59%,77%) |
#8dace2 |
rgb(141,172,226) |
hsl(218,59%,72%) |
#799edc |
rgb(121,158,220) |
hsl(218,59%,67%) |
#658fd7 |
rgb(101,143,215) |
hsl(218,59%,62%) |
#5180d2 |
rgb(81,128,210) |
hsl(218,59%,57%) |
#3c71cd |
rgb(60,113,205) |
hsl(218,59%,52%) |
#3165bf |
rgb(49,101,191) |
hsl(218,59%,47%) |
#2c5aaa |
rgb(44,90,170) |
hsl(218,59%,42%) |
#275096 |
rgb(39,80,150) |
hsl(218,59%,37%) |
#214582 |
rgb(33,69,130) |
hsl(218,59%,32%) |
#1c3a6d |
rgb(28,58,109) |
hsl(218,59%,27%) |
#172f59 |
rgb(23,47,89) |
hsl(218,59%,22%) |
#122545 |
rgb(18,37,69) |
hsl(218,59%,17%) |
#0d1a31 |
rgb(13,26,49) |
hsl(218,59%,12%) |
#070f1c |
rgb(7,15,28) |
hsl(218,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#51D1CE |
rgb(81,209,206) |
hsl(179,58%,57%) |
#5180D2 |
rgb(81,128,210) |
hsl(218,59%,57%) |
#7852D2 |
rgb(120,82,210) |
hsl(258,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB5E5 |
rgb(154,181,229) |
hsl(218,59%,75%) |
#759CDB |
rgb(117,156,219) |
hsl(217,59%,66%) |
#5180D2 |
rgb(81,128,210) |
hsl(218,59%,57%) |
#3266C2 |
rgb(50,102,194) |
hsl(218,59%,48%) |
#28549D |
rgb(40,84,157) |
hsl(217,59%,39%) |
#1F4078 |
rgb(31,64,120) |
hsl(218,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5180D2 |
rgb(81,128,210) |
hsl(218,59%,57%) |
#D26351 |
rgb(210,99,81) |
hsl(8,59%,57%) |
#C0D151 |
rgb(192,209,81) |
hsl(68,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5180D2 |
rgb(81,128,210) |
hsl(218,59%,57%) |
#D2A351 |
rgb(210,163,81) |
hsl(38,59%,57%) |
#51BFD2 |
rgb(81,191,210) |
hsl(189,59%,57%) |
#C0D151 |
rgb(192,209,81) |
hsl(68,58%,57%) |