HEX #366BE3 color — Royal Blue
The color #366BE3 is a dark shade and moderately saturated.
Palette
366BE3 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9eefc |
rgb(233,238,252) |
hsl(222,76%,95%) |
| #d2def9 |
rgb(210,222,249) |
hsl(222,76%,90%) |
| #bccdf6 |
rgb(188,205,246) |
hsl(222,76%,85%) |
| #a5bcf3 |
rgb(165,188,243) |
hsl(222,76%,80%) |
| #8facf0 |
rgb(143,172,240) |
hsl(222,76%,75%) |
| #789bed |
rgb(120,155,237) |
hsl(222,76%,70%) |
| #628bea |
rgb(98,139,234) |
hsl(222,76%,65%) |
| #4b7ae7 |
rgb(75,122,231) |
hsl(222,76%,60%) |
| #3569e3 |
rgb(53,105,227) |
hsl(222,76%,55%) |
| #1f59e0 |
rgb(31,89,224) |
hsl(222,76%,50%) |
| #1c50ca |
rgb(28,80,202) |
hsl(222,76%,45%) |
| #1847b4 |
rgb(24,71,180) |
hsl(222,76%,40%) |
| #153e9d |
rgb(21,62,157) |
hsl(222,76%,35%) |
| #123587 |
rgb(18,53,135) |
hsl(222,76%,30%) |
| #0f2c70 |
rgb(15,44,112) |
hsl(222,76%,25%) |
| #0c235a |
rgb(12,35,90) |
hsl(222,76%,20%) |
| #091b43 |
rgb(9,27,67) |
hsl(222,76%,15%) |
| #06122d |
rgb(6,18,45) |
hsl(222,76%,10%) |
| #030916 |
rgb(3,9,22) |
hsl(222,76%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36DEE3 |
rgb(54,222,227) |
hsl(182,76%,55%) |
| #366BE3 |
rgb(54,107,227) |
hsl(222,76%,55%) |
| #7436E3 |
rgb(116,54,227) |
hsl(262,76%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #84A6ED |
rgb(132,166,237) |
hsl(221,74%,72%) |
| #5D87E8 |
rgb(93,135,232) |
hsl(222,75%,64%) |
| #366BE3 |
rgb(54,107,227) |
hsl(222,76%,55%) |
| #1C54CF |
rgb(28,84,207) |
hsl(221,76%,46%) |
| #1745A7 |
rgb(23,69,167) |
hsl(221,76%,37%) |
| #113380 |
rgb(17,51,128) |
hsl(222,77%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #366BE3 |
rgb(54,107,227) |
hsl(222,76%,55%) |
| #E35736 |
rgb(227,87,54) |
hsl(11,76%,55%) |
| #C1E336 |
rgb(193,227,54) |
hsl(72,76%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #366BE3 |
rgb(54,107,227) |
hsl(222,76%,55%) |
| #E3AD36 |
rgb(227,173,54) |
hsl(41,76%,55%) |
| #36C2E3 |
rgb(54,194,227) |
hsl(191,76%,55%) |
| #C1E336 |
rgb(193,227,54) |
hsl(72,76%,55%) |
