HEX #5396D4 color — Havelock Blue
The color #5396D4 is a light shade and moderately saturated.
Palette
5396D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,60%,98%) |
#e2eef8 |
rgb(226,238,248) |
hsl(209,60%,93%) |
#cee1f3 |
rgb(206,225,243) |
hsl(209,60%,88%) |
#bad5ee |
rgb(186,213,238) |
hsl(209,60%,83%) |
#a5c8e9 |
rgb(165,200,233) |
hsl(209,60%,78%) |
#91bce3 |
rgb(145,188,227) |
hsl(209,60%,73%) |
#7cafde |
rgb(124,175,222) |
hsl(209,60%,68%) |
#68a3d9 |
rgb(104,163,217) |
hsl(209,60%,63%) |
#5496d4 |
rgb(84,150,212) |
hsl(209,60%,58%) |
#3f8acf |
rgb(63,138,207) |
hsl(209,60%,53%) |
#317dc4 |
rgb(49,125,196) |
hsl(209,60%,48%) |
#2c70af |
rgb(44,112,175) |
hsl(209,60%,43%) |
#27639b |
rgb(39,99,155) |
hsl(209,60%,38%) |
#225687 |
rgb(34,86,135) |
hsl(209,60%,33%) |
#1d4972 |
rgb(29,73,114) |
hsl(209,60%,28%) |
#173c5e |
rgb(23,60,94) |
hsl(209,60%,23%) |
#122f49 |
rgb(18,47,73) |
hsl(209,60%,18%) |
#0d2235 |
rgb(13,34,53) |
hsl(209,60%,13%) |
#081521 |
rgb(8,21,33) |
hsl(209,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(209,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#53D4BC |
rgb(83,212,188) |
hsl(169,60%,58%) |
#5396D4 |
rgb(83,150,212) |
hsl(209,60%,58%) |
#6654D4 |
rgb(102,84,212) |
hsl(248,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EC4E6 |
rgb(158,196,230) |
hsl(208,59%,76%) |
#78ADDD |
rgb(120,173,221) |
hsl(209,60%,67%) |
#5396D4 |
rgb(83,150,212) |
hsl(209,60%,58%) |
#3180C6 |
rgb(49,128,198) |
hsl(208,60%,48%) |
#2866A0 |
rgb(40,102,160) |
hsl(209,60%,39%) |
#1E4F7A |
rgb(30,79,122) |
hsl(208,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5396D4 |
rgb(83,150,212) |
hsl(209,60%,58%) |
#D45455 |
rgb(212,84,85) |
hsl(360,60%,58%) |
#D4D153 |
rgb(212,209,83) |
hsl(59,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5396D4 |
rgb(83,150,212) |
hsl(209,60%,58%) |
#D49153 |
rgb(212,145,83) |
hsl(29,60%,58%) |
#53D4D1 |
rgb(83,212,209) |
hsl(179,60%,58%) |
#D4D153 |
rgb(212,209,83) |
hsl(59,60%,58%) |