HEX #5498D4 color — Havelock Blue
The color #5498d4 is a light shade and moderately saturated.
Palette
5498d4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(208,60%,98%) |
#e2eef8 |
rgb(226,238,248) |
hsl(208,60%,93%) |
#cee2f3 |
rgb(206,226,243) |
hsl(208,60%,88%) |
#bad5ee |
rgb(186,213,238) |
hsl(208,60%,83%) |
#a5c9e9 |
rgb(165,201,233) |
hsl(208,60%,78%) |
#91bde3 |
rgb(145,189,227) |
hsl(208,60%,73%) |
#7cb1de |
rgb(124,177,222) |
hsl(208,60%,68%) |
#68a4d9 |
rgb(104,164,217) |
hsl(208,60%,63%) |
#5498d4 |
rgb(84,152,212) |
hsl(208,60%,58%) |
#3f8ccf |
rgb(63,140,207) |
hsl(208,60%,53%) |
#317fc4 |
rgb(49,127,196) |
hsl(208,60%,48%) |
#2c72af |
rgb(44,114,175) |
hsl(208,60%,43%) |
#27659b |
rgb(39,101,155) |
hsl(208,60%,38%) |
#225887 |
rgb(34,88,135) |
hsl(208,60%,33%) |
#1d4a72 |
rgb(29,74,114) |
hsl(208,60%,28%) |
#173d5e |
rgb(23,61,94) |
hsl(208,60%,23%) |
#123049 |
rgb(18,48,73) |
hsl(208,60%,18%) |
#0d2235 |
rgb(13,34,53) |
hsl(208,60%,13%) |
#081521 |
rgb(8,21,33) |
hsl(208,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(208,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D4BA |
rgb(84,212,186) |
hsl(168,60%,58%) |
#5498D4 |
rgb(84,152,212) |
hsl(208,60%,58%) |
#6554D4 |
rgb(101,84,212) |
hsl(248,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FC4E7 |
rgb(159,196,231) |
hsl(209,60%,76%) |
#79B0DD |
rgb(121,176,221) |
hsl(207,60%,67%) |
#5498D4 |
rgb(84,152,212) |
hsl(208,60%,58%) |
#3182C6 |
rgb(49,130,198) |
hsl(207,60%,48%) |
#2869A0 |
rgb(40,105,160) |
hsl(208,60%,39%) |
#1E4F7A |
rgb(30,79,122) |
hsl(208,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5498D4 |
rgb(84,152,212) |
hsl(208,60%,58%) |
#D45458 |
rgb(212,84,88) |
hsl(358,60%,58%) |
#D4D154 |
rgb(212,209,84) |
hsl(59,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5498D4 |
rgb(84,152,212) |
hsl(208,60%,58%) |
#D48F54 |
rgb(212,143,84) |
hsl(28,60%,58%) |
#54D4D0 |
rgb(84,212,208) |
hsl(178,60%,58%) |
#D4D154 |
rgb(212,209,84) |
hsl(59,60%,58%) |