HEX #508DD3 color — Havelock Blue
The color #508dd3 is a light shade and moderately saturated.
Palette
508dd3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(212,60%,97%) |
#deeaf7 |
rgb(222,234,247) |
hsl(212,60%,92%) |
#caddf2 |
rgb(202,221,242) |
hsl(212,60%,87%) |
#b6cfed |
rgb(182,207,237) |
hsl(212,60%,82%) |
#a1c2e8 |
rgb(161,194,232) |
hsl(212,60%,77%) |
#8db5e2 |
rgb(141,181,226) |
hsl(212,60%,72%) |
#78a7dd |
rgb(120,167,221) |
hsl(212,60%,67%) |
#649ad8 |
rgb(100,154,216) |
hsl(212,60%,62%) |
#508dd3 |
rgb(80,141,211) |
hsl(212,60%,57%) |
#3b80ce |
rgb(59,128,206) |
hsl(212,60%,52%) |
#3073c0 |
rgb(48,115,192) |
hsl(212,60%,47%) |
#2b67ab |
rgb(43,103,171) |
hsl(212,60%,42%) |
#265b97 |
rgb(38,91,151) |
hsl(212,60%,37%) |
#214e83 |
rgb(33,78,131) |
hsl(212,60%,32%) |
#1c426e |
rgb(28,66,110) |
hsl(212,60%,27%) |
#16365a |
rgb(22,54,90) |
hsl(212,60%,22%) |
#112a45 |
rgb(17,42,69) |
hsl(212,60%,17%) |
#0c1d31 |
rgb(12,29,49) |
hsl(212,60%,12%) |
#07111d |
rgb(7,17,29) |
hsl(212,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50D4C1 |
rgb(80,212,193) |
hsl(171,61%,57%) |
#508DD3 |
rgb(80,141,211) |
hsl(212,60%,57%) |
#6A4FD3 |
rgb(106,79,211) |
hsl(252,60%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9ABDE5 |
rgb(154,189,229) |
hsl(212,59%,75%) |
#75A6DC |
rgb(117,166,220) |
hsl(211,60%,66%) |
#508DD3 |
rgb(80,141,211) |
hsl(212,60%,57%) |
#3175C3 |
rgb(49,117,195) |
hsl(212,60%,48%) |
#275E9E |
rgb(39,94,158) |
hsl(212,60%,39%) |
#1E4778 |
rgb(30,71,120) |
hsl(213,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#508DD3 |
rgb(80,141,211) |
hsl(212,60%,57%) |
#D35450 |
rgb(211,84,80) |
hsl(2,60%,57%) |
#CED450 |
rgb(206,212,80) |
hsl(63,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#508DD3 |
rgb(80,141,211) |
hsl(212,60%,57%) |
#D39650 |
rgb(211,150,80) |
hsl(32,60%,57%) |
#50CFD3 |
rgb(80,207,211) |
hsl(182,60%,57%) |
#CED450 |
rgb(206,212,80) |
hsl(63,61%,57%) |