HEX #368AE5 color — Royal Blue
The color #368AE5 is a light shade and moderately saturated.
Palette
368AE5 color palette from light to dark
HEX |
RGB |
HSL |
#e8f2fc |
rgb(232,242,252) |
hsl(211,77%,95%) |
#d2e5f9 |
rgb(210,229,249) |
hsl(211,77%,90%) |
#bbd8f6 |
rgb(187,216,246) |
hsl(211,77%,85%) |
#a5cbf3 |
rgb(165,203,243) |
hsl(211,77%,80%) |
#8ebef0 |
rgb(142,190,240) |
hsl(211,77%,75%) |
#78b1ed |
rgb(120,177,237) |
hsl(211,77%,70%) |
#61a3ea |
rgb(97,163,234) |
hsl(211,77%,65%) |
#4a96e8 |
rgb(74,150,232) |
hsl(211,77%,60%) |
#3489e5 |
rgb(52,137,229) |
hsl(211,77%,55%) |
#1d7ce2 |
rgb(29,124,226) |
hsl(211,77%,50%) |
#1a70cb |
rgb(26,112,203) |
hsl(211,77%,45%) |
#1763b5 |
rgb(23,99,181) |
hsl(211,77%,40%) |
#15579e |
rgb(21,87,158) |
hsl(211,77%,35%) |
#124b87 |
rgb(18,75,135) |
hsl(211,77%,30%) |
#0f3e71 |
rgb(15,62,113) |
hsl(211,77%,25%) |
#0c325a |
rgb(12,50,90) |
hsl(211,77%,20%) |
#092544 |
rgb(9,37,68) |
hsl(211,77%,15%) |
#06192d |
rgb(6,25,45) |
hsl(211,77%,10%) |
#030c17 |
rgb(3,12,23) |
hsl(211,77%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E6CB |
rgb(54,230,203) |
hsl(171,78%,56%) |
#368AE5 |
rgb(54,138,229) |
hsl(211,77%,55%) |
#5636E5 |
rgb(86,54,229) |
hsl(251,77%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86B8EF |
rgb(134,184,239) |
hsl(211,77%,73%) |
#5EA1EA |
rgb(94,161,234) |
hsl(211,77%,64%) |
#368AE5 |
rgb(54,138,229) |
hsl(211,77%,55%) |
#1B73D2 |
rgb(27,115,210) |
hsl(211,77%,46%) |
#165EAA |
rgb(22,94,170) |
hsl(211,77%,38%) |
#104782 |
rgb(16,71,130) |
hsl(211,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#368AE5 |
rgb(54,138,229) |
hsl(211,77%,55%) |
#E53B36 |
rgb(229,59,54) |
hsl(2,77%,55%) |
#E1E636 |
rgb(225,230,54) |
hsl(62,78%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#368AE5 |
rgb(54,138,229) |
hsl(211,77%,55%) |
#E59136 |
rgb(229,145,54) |
hsl(31,77%,55%) |
#36E0E5 |
rgb(54,224,229) |
hsl(182,77%,55%) |
#E1E636 |
rgb(225,230,54) |
hsl(62,78%,56%) |