HEX #5366D4 color — Indigo
The color #5366D4 is a dark shade and moderately saturated.
Palette
5366D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(231,60%,98%) |
#e2e6f8 |
rgb(226,230,248) |
hsl(231,60%,93%) |
#ced4f3 |
rgb(206,212,243) |
hsl(231,60%,88%) |
#bac1ee |
rgb(186,193,238) |
hsl(231,60%,83%) |
#a5afe9 |
rgb(165,175,233) |
hsl(231,60%,78%) |
#919de3 |
rgb(145,157,227) |
hsl(231,60%,73%) |
#7c8bde |
rgb(124,139,222) |
hsl(231,60%,68%) |
#6879d9 |
rgb(104,121,217) |
hsl(231,60%,63%) |
#5467d4 |
rgb(84,103,212) |
hsl(231,60%,58%) |
#3f55cf |
rgb(63,85,207) |
hsl(231,60%,53%) |
#3147c4 |
rgb(49,71,196) |
hsl(231,60%,48%) |
#2c40af |
rgb(44,64,175) |
hsl(231,60%,43%) |
#27389b |
rgb(39,56,155) |
hsl(231,60%,38%) |
#223187 |
rgb(34,49,135) |
hsl(231,60%,33%) |
#1d2972 |
rgb(29,41,114) |
hsl(231,60%,28%) |
#17225e |
rgb(23,34,94) |
hsl(231,60%,23%) |
#121b49 |
rgb(18,27,73) |
hsl(231,60%,18%) |
#0d1335 |
rgb(13,19,53) |
hsl(231,60%,13%) |
#080c21 |
rgb(8,12,33) |
hsl(231,60%,8%) |
#03040c |
rgb(3,4,12) |
hsl(231,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#53BDD4 |
rgb(83,189,212) |
hsl(191,60%,58%) |
#5366D4 |
rgb(83,102,212) |
hsl(231,60%,58%) |
#9654D4 |
rgb(150,84,212) |
hsl(271,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EA8E6 |
rgb(158,168,230) |
hsl(232,59%,76%) |
#7887DD |
rgb(120,135,221) |
hsl(231,60%,67%) |
#5366D4 |
rgb(83,102,212) |
hsl(231,60%,58%) |
#3147C6 |
rgb(49,71,198) |
hsl(231,60%,48%) |
#283BA0 |
rgb(40,59,160) |
hsl(231,60%,39%) |
#1E2B7A |
rgb(30,43,122) |
hsl(232,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5366D4 |
rgb(83,102,212) |
hsl(231,60%,58%) |
#D48053 |
rgb(212,128,83) |
hsl(21,60%,58%) |
#A6D453 |
rgb(166,212,83) |
hsl(81,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5366D4 |
rgb(83,102,212) |
hsl(231,60%,58%) |
#D4C253 |
rgb(212,194,83) |
hsl(52,60%,58%) |
#53A6D4 |
rgb(83,166,212) |
hsl(201,60%,58%) |
#A6D453 |
rgb(166,212,83) |
hsl(81,60%,58%) |