HEX #366EED color — Royal Blue
The color #366EED is a dark shade and moderately saturated.
Palette
366EED color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(222,84%,97%) |
#d9e4fc |
rgb(217,228,252) |
hsl(222,84%,92%) |
#c2d3fa |
rgb(194,211,250) |
hsl(222,84%,87%) |
#abc2f8 |
rgb(171,194,248) |
hsl(222,84%,82%) |
#93b1f6 |
rgb(147,177,246) |
hsl(222,84%,77%) |
#7ca0f4 |
rgb(124,160,244) |
hsl(222,84%,72%) |
#648ff2 |
rgb(100,143,242) |
hsl(222,84%,67%) |
#4d7eef |
rgb(77,126,239) |
hsl(222,84%,62%) |
#356ded |
rgb(53,109,237) |
hsl(222,84%,57%) |
#1e5beb |
rgb(30,91,235) |
hsl(222,84%,52%) |
#1350dd |
rgb(19,80,221) |
hsl(222,84%,47%) |
#1147c5 |
rgb(17,71,197) |
hsl(222,84%,42%) |
#0f3fae |
rgb(15,63,174) |
hsl(222,84%,37%) |
#0d3696 |
rgb(13,54,150) |
hsl(222,84%,32%) |
#0b2e7f |
rgb(11,46,127) |
hsl(222,84%,27%) |
#092567 |
rgb(9,37,103) |
hsl(222,84%,22%) |
#071d50 |
rgb(7,29,80) |
hsl(222,84%,17%) |
#051438 |
rgb(5,20,56) |
hsl(222,84%,12%) |
#030c21 |
rgb(3,12,33) |
hsl(222,84%,7%) |
#010309 |
rgb(1,3,9) |
hsl(222,84%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E8ED |
rgb(54,232,237) |
hsl(182,84%,57%) |
#366EED |
rgb(54,110,237) |
hsl(222,84%,57%) |
#7836ED |
rgb(120,54,237) |
hsl(262,84%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BABF4 |
rgb(139,171,244) |
hsl(222,83%,75%) |
#608CF0 |
rgb(96,140,240) |
hsl(222,83%,66%) |
#366EED |
rgb(54,110,237) |
hsl(222,84%,57%) |
#1452E0 |
rgb(20,82,224) |
hsl(222,84%,48%) |
#1042B5 |
rgb(16,66,181) |
hsl(222,84%,39%) |
#0C338A |
rgb(12,51,138) |
hsl(221,84%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EED |
rgb(54,110,237) |
hsl(222,84%,57%) |
#ED5936 |
rgb(237,89,54) |
hsl(11,84%,57%) |
#C9ED36 |
rgb(201,237,54) |
hsl(72,84%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EED |
rgb(54,110,237) |
hsl(222,84%,57%) |
#EDB536 |
rgb(237,181,54) |
hsl(42,84%,57%) |
#36C9ED |
rgb(54,201,237) |
hsl(192,84%,57%) |
#C9ED36 |
rgb(201,237,54) |
hsl(72,84%,57%) |