HEX #5387D2 color — Havelock Blue
The color #5387D2 is a light shade and moderately saturated.
Palette
5387D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(215,59%,97%) |
#dfe9f7 |
rgb(223,233,247) |
hsl(215,59%,92%) |
#cadbf1 |
rgb(202,219,241) |
hsl(215,59%,87%) |
#b6cdec |
rgb(182,205,236) |
hsl(215,59%,82%) |
#a2bfe7 |
rgb(162,191,231) |
hsl(215,59%,77%) |
#8db1e2 |
rgb(141,177,226) |
hsl(215,59%,72%) |
#79a3dc |
rgb(121,163,220) |
hsl(215,59%,67%) |
#6595d7 |
rgb(101,149,215) |
hsl(215,59%,62%) |
#5187d2 |
rgb(81,135,210) |
hsl(215,59%,57%) |
#3c79cd |
rgb(60,121,205) |
hsl(215,59%,52%) |
#316cbf |
rgb(49,108,191) |
hsl(215,59%,47%) |
#2c61aa |
rgb(44,97,170) |
hsl(215,59%,42%) |
#275596 |
rgb(39,85,150) |
hsl(215,59%,37%) |
#214a82 |
rgb(33,74,130) |
hsl(215,59%,32%) |
#1c3e6d |
rgb(28,62,109) |
hsl(215,59%,27%) |
#173359 |
rgb(23,51,89) |
hsl(215,59%,22%) |
#122745 |
rgb(18,39,69) |
hsl(215,59%,17%) |
#0d1c31 |
rgb(13,28,49) |
hsl(215,59%,12%) |
#07101c |
rgb(7,16,28) |
hsl(215,59%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#53D1C8 |
rgb(83,209,200) |
hsl(176,58%,57%) |
#5387D2 |
rgb(83,135,210) |
hsl(215,59%,57%) |
#7354D2 |
rgb(115,84,210) |
hsl(255,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DBAE5 |
rgb(157,186,229) |
hsl(216,58%,76%) |
#78A1DB |
rgb(120,161,219) |
hsl(215,58%,66%) |
#5387D2 |
rgb(83,135,210) |
hsl(215,59%,57%) |
#336EC3 |
rgb(51,110,195) |
hsl(215,59%,48%) |
#29599D |
rgb(41,89,157) |
hsl(215,59%,39%) |
#1F4578 |
rgb(31,69,120) |
hsl(214,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5387D2 |
rgb(83,135,210) |
hsl(215,59%,57%) |
#D25E53 |
rgb(210,94,83) |
hsl(5,59%,57%) |
#C6D153 |
rgb(198,209,83) |
hsl(65,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5387D2 |
rgb(83,135,210) |
hsl(215,59%,57%) |
#D29E53 |
rgb(210,158,83) |
hsl(35,59%,57%) |
#53C7D2 |
rgb(83,199,210) |
hsl(185,59%,57%) |
#C6D153 |
rgb(198,209,83) |
hsl(65,58%,57%) |