HEX #507BD3 color — Havelock Blue
The color #507bd3 is a dark shade and moderately saturated.
Palette
507bd3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,60%,97%) |
#dee7f7 |
rgb(222,231,247) |
hsl(220,60%,92%) |
#cad7f2 |
rgb(202,215,242) |
hsl(220,60%,87%) |
#b6c8ed |
rgb(182,200,237) |
hsl(220,60%,82%) |
#a1b9e8 |
rgb(161,185,232) |
hsl(220,60%,77%) |
#8da9e2 |
rgb(141,169,226) |
hsl(220,60%,72%) |
#789add |
rgb(120,154,221) |
hsl(220,60%,67%) |
#648bd8 |
rgb(100,139,216) |
hsl(220,60%,62%) |
#507bd3 |
rgb(80,123,211) |
hsl(220,60%,57%) |
#3b6cce |
rgb(59,108,206) |
hsl(220,60%,52%) |
#3060c0 |
rgb(48,96,192) |
hsl(220,60%,47%) |
#2b56ab |
rgb(43,86,171) |
hsl(220,60%,42%) |
#264b97 |
rgb(38,75,151) |
hsl(220,60%,37%) |
#214183 |
rgb(33,65,131) |
hsl(220,60%,32%) |
#1c376e |
rgb(28,55,110) |
hsl(220,60%,27%) |
#162d5a |
rgb(22,45,90) |
hsl(220,60%,22%) |
#112345 |
rgb(17,35,69) |
hsl(220,60%,17%) |
#0c1831 |
rgb(12,24,49) |
hsl(220,60%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(220,60%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50D1D3 |
rgb(80,209,211) |
hsl(181,60%,57%) |
#507BD3 |
rgb(80,123,211) |
hsl(220,60%,57%) |
#7C4FD3 |
rgb(124,79,211) |
hsl(260,60%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB3E5 |
rgb(154,179,229) |
hsl(220,59%,75%) |
#7596DC |
rgb(117,150,220) |
hsl(221,60%,66%) |
#507BD3 |
rgb(80,123,211) |
hsl(220,60%,57%) |
#3161C3 |
rgb(49,97,195) |
hsl(220,60%,48%) |
#274F9E |
rgb(39,79,158) |
hsl(220,60%,39%) |
#1E3D78 |
rgb(30,61,120) |
hsl(219,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#507BD3 |
rgb(80,123,211) |
hsl(220,60%,57%) |
#D36650 |
rgb(211,102,80) |
hsl(10,60%,57%) |
#BCD450 |
rgb(188,212,80) |
hsl(71,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#507BD3 |
rgb(80,123,211) |
hsl(220,60%,57%) |
#D3A850 |
rgb(211,168,80) |
hsl(40,60%,57%) |
#50BDD3 |
rgb(80,189,211) |
hsl(190,60%,57%) |
#BCD450 |
rgb(188,212,80) |
hsl(71,61%,57%) |