HEX #366EDB color — Royal Blue
The color #366EDB is a dark shade and moderately saturated.
Palette
366EDB color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,70%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(220,70%,94%) |
#cfdcf7 |
rgb(207,220,247) |
hsl(220,70%,89%) |
#bacdf3 |
rgb(186,205,243) |
hsl(220,70%,84%) |
#a4bdef |
rgb(164,189,239) |
hsl(220,70%,79%) |
#8eadeb |
rgb(142,173,235) |
hsl(220,70%,74%) |
#799ee7 |
rgb(121,158,231) |
hsl(220,70%,69%) |
#638ee3 |
rgb(99,142,227) |
hsl(220,70%,64%) |
#4d7ee0 |
rgb(77,126,224) |
hsl(220,70%,59%) |
#386edc |
rgb(56,110,220) |
hsl(220,70%,54%) |
#2560d4 |
rgb(37,96,212) |
hsl(220,70%,49%) |
#2256bf |
rgb(34,86,191) |
hsl(220,70%,44%) |
#1e4ca9 |
rgb(30,76,169) |
hsl(220,70%,39%) |
#1a4293 |
rgb(26,66,147) |
hsl(220,70%,34%) |
#16397e |
rgb(22,57,126) |
hsl(220,70%,29%) |
#122f68 |
rgb(18,47,104) |
hsl(220,70%,24%) |
#0f2552 |
rgb(15,37,82) |
hsl(220,70%,19%) |
#0b1b3d |
rgb(11,27,61) |
hsl(220,70%,14%) |
#071227 |
rgb(7,18,39) |
hsl(220,70%,9%) |
#030811 |
rgb(3,8,17) |
hsl(220,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36DBDA |
rgb(54,219,218) |
hsl(180,70%,54%) |
#366EDB |
rgb(54,110,219) |
hsl(220,70%,54%) |
#6C36DB |
rgb(108,54,219) |
hsl(260,70%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A3E8 |
rgb(128,163,232) |
hsl(220,69%,71%) |
#5B8AE1 |
rgb(91,138,225) |
hsl(219,69%,62%) |
#366EDB |
rgb(54,110,219) |
hsl(220,70%,54%) |
#2259C2 |
rgb(34,89,194) |
hsl(219,70%,45%) |
#1C479D |
rgb(28,71,157) |
hsl(220,70%,36%) |
#153878 |
rgb(21,56,120) |
hsl(219,70%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EDB |
rgb(54,110,219) |
hsl(220,70%,54%) |
#DB5236 |
rgb(219,82,54) |
hsl(10,70%,54%) |
#C0DB36 |
rgb(192,219,54) |
hsl(70,70%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EDB |
rgb(54,110,219) |
hsl(220,70%,54%) |
#DBA336 |
rgb(219,163,54) |
hsl(40,70%,54%) |
#36BFDB |
rgb(54,191,219) |
hsl(190,70%,54%) |
#C0DB36 |
rgb(192,219,54) |
hsl(70,70%,54%) |