HEX #549CD4 color — Havelock Blue
The color #549CD4 is a light shade and moderately saturated.
Palette
549CD4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,60%,98%) |
#e2eff8 |
rgb(226,239,248) |
hsl(206,60%,93%) |
#cee3f3 |
rgb(206,227,243) |
hsl(206,60%,88%) |
#bad7ee |
rgb(186,215,238) |
hsl(206,60%,83%) |
#a5cbe9 |
rgb(165,203,233) |
hsl(206,60%,78%) |
#91c0e3 |
rgb(145,192,227) |
hsl(206,60%,73%) |
#7cb4de |
rgb(124,180,222) |
hsl(206,60%,68%) |
#68a8d9 |
rgb(104,168,217) |
hsl(206,60%,63%) |
#549cd4 |
rgb(84,156,212) |
hsl(206,60%,58%) |
#3f91cf |
rgb(63,145,207) |
hsl(206,60%,53%) |
#3184c4 |
rgb(49,132,196) |
hsl(206,60%,48%) |
#2c76af |
rgb(44,118,175) |
hsl(206,60%,43%) |
#27699b |
rgb(39,105,155) |
hsl(206,60%,38%) |
#225b87 |
rgb(34,91,135) |
hsl(206,60%,33%) |
#1d4d72 |
rgb(29,77,114) |
hsl(206,60%,28%) |
#173f5e |
rgb(23,63,94) |
hsl(206,60%,23%) |
#123249 |
rgb(18,50,73) |
hsl(206,60%,18%) |
#0d2435 |
rgb(13,36,53) |
hsl(206,60%,13%) |
#081621 |
rgb(8,22,33) |
hsl(206,60%,8%) |
#03080c |
rgb(3,8,12) |
hsl(206,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D4B6 |
rgb(84,212,182) |
hsl(166,60%,58%) |
#549CD4 |
rgb(84,156,212) |
hsl(206,60%,58%) |
#6154D4 |
rgb(97,84,212) |
hsl(246,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FC7E7 |
rgb(159,199,231) |
hsl(207,60%,76%) |
#79B3DD |
rgb(121,179,221) |
hsl(205,60%,67%) |
#549CD4 |
rgb(84,156,212) |
hsl(206,60%,58%) |
#3185C6 |
rgb(49,133,198) |
hsl(206,60%,48%) |
#286BA0 |
rgb(40,107,160) |
hsl(207,60%,39%) |
#1E527A |
rgb(30,82,122) |
hsl(206,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#549CD4 |
rgb(84,156,212) |
hsl(206,60%,58%) |
#D4545C |
rgb(212,84,92) |
hsl(356,60%,58%) |
#D4CC54 |
rgb(212,204,84) |
hsl(56,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#549CD4 |
rgb(84,156,212) |
hsl(206,60%,58%) |
#D48C54 |
rgb(212,140,84) |
hsl(26,60%,58%) |
#54D4CC |
rgb(84,212,204) |
hsl(176,60%,58%) |
#D4CC54 |
rgb(212,204,84) |
hsl(56,60%,58%) |