HEX #366AE2 color — Royal Blue
The color #366ae2 is a dark shade and moderately saturated.
Palette
366ae2 color palette from light to dark
HEX |
RGB |
HSL |
#e9eefc |
rgb(233,238,252) |
hsl(222,75%,95%) |
#d2def9 |
rgb(210,222,249) |
hsl(222,75%,90%) |
#bccdf5 |
rgb(188,205,245) |
hsl(222,75%,85%) |
#a6bdf2 |
rgb(166,189,242) |
hsl(222,75%,80%) |
#8facef |
rgb(143,172,239) |
hsl(222,75%,75%) |
#799cec |
rgb(121,156,236) |
hsl(222,75%,70%) |
#638be9 |
rgb(99,139,233) |
hsl(222,75%,65%) |
#4d7ae6 |
rgb(77,122,230) |
hsl(222,75%,60%) |
#366ae2 |
rgb(54,106,226) |
hsl(222,75%,55%) |
#2059df |
rgb(32,89,223) |
hsl(222,75%,50%) |
#1d50c9 |
rgb(29,80,201) |
hsl(222,75%,45%) |
#1a47b3 |
rgb(26,71,179) |
hsl(222,75%,40%) |
#163e9c |
rgb(22,62,156) |
hsl(222,75%,35%) |
#133686 |
rgb(19,54,134) |
hsl(222,75%,30%) |
#102d70 |
rgb(16,45,112) |
hsl(222,75%,25%) |
#0d2459 |
rgb(13,36,89) |
hsl(222,75%,20%) |
#0a1b43 |
rgb(10,27,67) |
hsl(222,75%,15%) |
#06122d |
rgb(6,18,45) |
hsl(222,75%,10%) |
#030916 |
rgb(3,9,22) |
hsl(222,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36DEE2 |
rgb(54,222,226) |
hsl(181,75%,55%) |
#366AE2 |
rgb(54,106,226) |
hsl(222,75%,55%) |
#7436E2 |
rgb(116,54,226) |
hsl(262,75%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A3ED |
rgb(132,163,237) |
hsl(222,74%,72%) |
#5D87E7 |
rgb(93,135,231) |
hsl(222,74%,64%) |
#366AE2 |
rgb(54,106,226) |
hsl(222,75%,55%) |
#1D52CD |
rgb(29,82,205) |
hsl(222,75%,46%) |
#1842A6 |
rgb(24,66,166) |
hsl(222,75%,37%) |
#12337F |
rgb(18,51,127) |
hsl(222,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#366AE2 |
rgb(54,106,226) |
hsl(222,75%,55%) |
#E25936 |
rgb(226,89,54) |
hsl(12,75%,55%) |
#C0E336 |
rgb(192,227,54) |
hsl(72,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366AE2 |
rgb(54,106,226) |
hsl(222,75%,55%) |
#E2AD36 |
rgb(226,173,54) |
hsl(42,75%,55%) |
#36BFE2 |
rgb(54,191,226) |
hsl(192,75%,55%) |
#C0E336 |
rgb(192,227,54) |
hsl(72,76%,55%) |