HEX #508AD5 color — Havelock Blue
The color #508AD5 is a light shade and moderately saturated.
Palette
508AD5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(214,61%,97%) |
#dee9f7 |
rgb(222,233,247) |
hsl(214,61%,92%) |
#cadbf2 |
rgb(202,219,242) |
hsl(214,61%,87%) |
#b5cded |
rgb(181,205,237) |
hsl(214,61%,82%) |
#a1c0e8 |
rgb(161,192,232) |
hsl(214,61%,77%) |
#8cb2e3 |
rgb(140,178,227) |
hsl(214,61%,72%) |
#78a4de |
rgb(120,164,222) |
hsl(214,61%,67%) |
#6396d9 |
rgb(99,150,217) |
hsl(214,61%,62%) |
#4e88d4 |
rgb(78,136,212) |
hsl(214,61%,57%) |
#3a7bcf |
rgb(58,123,207) |
hsl(214,61%,52%) |
#2f6ec1 |
rgb(47,110,193) |
hsl(214,61%,47%) |
#2a62ac |
rgb(42,98,172) |
hsl(214,61%,42%) |
#255798 |
rgb(37,87,152) |
hsl(214,61%,37%) |
#204b83 |
rgb(32,75,131) |
hsl(214,61%,32%) |
#1b3f6f |
rgb(27,63,111) |
hsl(214,61%,27%) |
#16345a |
rgb(22,52,90) |
hsl(214,61%,22%) |
#112846 |
rgb(17,40,70) |
hsl(214,61%,17%) |
#0c1c31 |
rgb(12,28,49) |
hsl(214,61%,12%) |
#07101d |
rgb(7,16,29) |
hsl(214,61%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50D6C7 |
rgb(80,214,199) |
hsl(173,62%,58%) |
#508AD5 |
rgb(80,138,213) |
hsl(214,61%,57%) |
#6E4FD5 |
rgb(110,79,213) |
hsl(254,61%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BBDE7 |
rgb(155,189,231) |
hsl(213,61%,76%) |
#75A3DE |
rgb(117,163,222) |
hsl(214,61%,66%) |
#508AD5 |
rgb(80,138,213) |
hsl(214,61%,57%) |
#2F70C6 |
rgb(47,112,198) |
hsl(214,62%,48%) |
#265CA0 |
rgb(38,92,160) |
hsl(213,62%,39%) |
#1D477A |
rgb(29,71,122) |
hsl(213,62%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#508AD5 |
rgb(80,138,213) |
hsl(214,61%,57%) |
#D55950 |
rgb(213,89,80) |
hsl(4,61%,57%) |
#CCD650 |
rgb(204,214,80) |
hsl(64,62%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#508AD5 |
rgb(80,138,213) |
hsl(214,61%,57%) |
#D59C50 |
rgb(213,156,80) |
hsl(34,61%,57%) |
#50CCD5 |
rgb(80,204,213) |
hsl(184,61%,57%) |
#CCD650 |
rgb(204,214,80) |
hsl(64,62%,58%) |