HEX #366DE2 color — Royal Blue
The color #366de2 is a dark shade and moderately saturated.
Palette
366de2 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(221,75%,95%) |
#d2def9 |
rgb(210,222,249) |
hsl(221,75%,90%) |
#bccef5 |
rgb(188,206,245) |
hsl(221,75%,85%) |
#a6bef2 |
rgb(166,190,242) |
hsl(221,75%,80%) |
#8faeef |
rgb(143,174,239) |
hsl(221,75%,75%) |
#799dec |
rgb(121,157,236) |
hsl(221,75%,70%) |
#638de9 |
rgb(99,141,233) |
hsl(221,75%,65%) |
#4d7de6 |
rgb(77,125,230) |
hsl(221,75%,60%) |
#366de2 |
rgb(54,109,226) |
hsl(221,75%,55%) |
#205cdf |
rgb(32,92,223) |
hsl(221,75%,50%) |
#1d53c9 |
rgb(29,83,201) |
hsl(221,75%,45%) |
#1a4ab3 |
rgb(26,74,179) |
hsl(221,75%,40%) |
#16419c |
rgb(22,65,156) |
hsl(221,75%,35%) |
#133786 |
rgb(19,55,134) |
hsl(221,75%,30%) |
#102e70 |
rgb(16,46,112) |
hsl(221,75%,25%) |
#0d2559 |
rgb(13,37,89) |
hsl(221,75%,20%) |
#0a1c43 |
rgb(10,28,67) |
hsl(221,75%,15%) |
#06122d |
rgb(6,18,45) |
hsl(221,75%,10%) |
#030916 |
rgb(3,9,22) |
hsl(221,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E0E2 |
rgb(54,224,226) |
hsl(181,75%,55%) |
#366DE2 |
rgb(54,109,226) |
hsl(221,75%,55%) |
#7136E2 |
rgb(113,54,226) |
hsl(261,75%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A6ED |
rgb(132,166,237) |
hsl(221,74%,72%) |
#5D8AE7 |
rgb(93,138,231) |
hsl(220,74%,64%) |
#366DE2 |
rgb(54,109,226) |
hsl(221,75%,55%) |
#1D57CD |
rgb(29,87,205) |
hsl(220,75%,46%) |
#1845A6 |
rgb(24,69,166) |
hsl(221,75%,37%) |
#12367F |
rgb(18,54,127) |
hsl(220,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#366DE2 |
rgb(54,109,226) |
hsl(221,75%,55%) |
#E25436 |
rgb(226,84,54) |
hsl(10,75%,55%) |
#C3E336 |
rgb(195,227,54) |
hsl(71,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366DE2 |
rgb(54,109,226) |
hsl(221,75%,55%) |
#E2AB36 |
rgb(226,171,54) |
hsl(41,75%,55%) |
#36C2E2 |
rgb(54,194,226) |
hsl(191,75%,55%) |
#C3E336 |
rgb(195,227,54) |
hsl(71,76%,55%) |