HEX #367AE4 color — Royal Blue
The color #367AE4 is a dark shade and moderately saturated.
Palette
367AE4 color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(217,76%,95%) |
#d2e1f9 |
rgb(210,225,249) |
hsl(217,76%,90%) |
#bcd2f6 |
rgb(188,210,246) |
hsl(217,76%,85%) |
#a5c3f3 |
rgb(165,195,243) |
hsl(217,76%,80%) |
#8fb4f0 |
rgb(143,180,240) |
hsl(217,76%,75%) |
#78a5ed |
rgb(120,165,237) |
hsl(217,76%,70%) |
#6296ea |
rgb(98,150,234) |
hsl(217,76%,65%) |
#4b87e7 |
rgb(75,135,231) |
hsl(217,76%,60%) |
#3578e3 |
rgb(53,120,227) |
hsl(217,76%,55%) |
#1f69e0 |
rgb(31,105,224) |
hsl(217,76%,50%) |
#1c5eca |
rgb(28,94,202) |
hsl(217,76%,45%) |
#1854b4 |
rgb(24,84,180) |
hsl(217,76%,40%) |
#15499d |
rgb(21,73,157) |
hsl(217,76%,35%) |
#123f87 |
rgb(18,63,135) |
hsl(217,76%,30%) |
#0f3470 |
rgb(15,52,112) |
hsl(217,76%,25%) |
#0c2a5a |
rgb(12,42,90) |
hsl(217,76%,20%) |
#091f43 |
rgb(9,31,67) |
hsl(217,76%,15%) |
#06152d |
rgb(6,21,45) |
hsl(217,76%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(217,76%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E3DA |
rgb(54,227,218) |
hsl(177,76%,55%) |
#367AE4 |
rgb(54,122,228) |
hsl(217,76%,55%) |
#6636E4 |
rgb(102,54,228) |
hsl(257,76%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85ADEE |
rgb(133,173,238) |
hsl(217,76%,73%) |
#5D94E9 |
rgb(93,148,233) |
hsl(216,76%,64%) |
#367AE4 |
rgb(54,122,228) |
hsl(217,76%,55%) |
#1C63D0 |
rgb(28,99,208) |
hsl(216,76%,46%) |
#164FA9 |
rgb(22,79,169) |
hsl(217,77%,37%) |
#113D81 |
rgb(17,61,129) |
hsl(216,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#367AE4 |
rgb(54,122,228) |
hsl(217,76%,55%) |
#E44A36 |
rgb(228,74,54) |
hsl(7,76%,55%) |
#D1E336 |
rgb(209,227,54) |
hsl(66,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#367AE4 |
rgb(54,122,228) |
hsl(217,76%,55%) |
#E4A136 |
rgb(228,161,54) |
hsl(37,76%,55%) |
#36D1E4 |
rgb(54,209,228) |
hsl(187,76%,55%) |
#D1E336 |
rgb(209,227,54) |
hsl(66,76%,55%) |