HEX #5366D5 color — Indigo
The color #5366d5 is a dark shade and moderately saturated.
Palette
5366d5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(231,61%,98%) |
#e2e6f8 |
rgb(226,230,248) |
hsl(231,61%,93%) |
#ced3f3 |
rgb(206,211,243) |
hsl(231,61%,88%) |
#b9c1ee |
rgb(185,193,238) |
hsl(231,61%,83%) |
#a5afe9 |
rgb(165,175,233) |
hsl(231,61%,78%) |
#909de4 |
rgb(144,157,228) |
hsl(231,61%,73%) |
#7c8bdf |
rgb(124,139,223) |
hsl(231,61%,68%) |
#6778da |
rgb(103,120,218) |
hsl(231,61%,63%) |
#5366d5 |
rgb(83,102,213) |
hsl(231,61%,58%) |
#3e54d0 |
rgb(62,84,208) |
hsl(231,61%,53%) |
#3046c5 |
rgb(48,70,197) |
hsl(231,61%,48%) |
#2b3fb1 |
rgb(43,63,177) |
hsl(231,61%,43%) |
#26389c |
rgb(38,56,156) |
hsl(231,61%,38%) |
#213087 |
rgb(33,48,135) |
hsl(231,61%,33%) |
#1c2973 |
rgb(28,41,115) |
hsl(231,61%,28%) |
#17225e |
rgb(23,34,94) |
hsl(231,61%,23%) |
#121a4a |
rgb(18,26,74) |
hsl(231,61%,18%) |
#0d1335 |
rgb(13,19,53) |
hsl(231,61%,13%) |
#080c21 |
rgb(8,12,33) |
hsl(231,61%,8%) |
#03040c |
rgb(3,4,12) |
hsl(231,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#53BDD5 |
rgb(83,189,213) |
hsl(191,61%,58%) |
#5366D5 |
rgb(83,102,213) |
hsl(231,61%,58%) |
#9654D5 |
rgb(150,84,213) |
hsl(271,61%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FABE7 |
rgb(159,171,231) |
hsl(230,60%,76%) |
#7987DE |
rgb(121,135,222) |
hsl(232,60%,67%) |
#5366D5 |
rgb(83,102,213) |
hsl(231,61%,58%) |
#3047C7 |
rgb(48,71,199) |
hsl(231,61%,48%) |
#2738A1 |
rgb(39,56,161) |
hsl(232,61%,39%) |
#1E2B7B |
rgb(30,43,123) |
hsl(232,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5366D5 |
rgb(83,102,213) |
hsl(231,61%,58%) |
#D58253 |
rgb(213,130,83) |
hsl(22,61%,58%) |
#A7D653 |
rgb(167,214,83) |
hsl(82,62%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5366D5 |
rgb(83,102,213) |
hsl(231,61%,58%) |
#D5C253 |
rgb(213,194,83) |
hsl(51,61%,58%) |
#53A6D5 |
rgb(83,166,213) |
hsl(202,61%,58%) |
#A7D653 |
rgb(167,214,83) |
hsl(82,62%,58%) |