HEX #368AE2 color — Royal Blue
The color #368AE2 is a light shade and moderately saturated.
Palette
368AE2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f2fc |
rgb(233,242,252) |
hsl(211,75%,95%) |
| #d2e5f9 |
rgb(210,229,249) |
hsl(211,75%,90%) |
| #bcd8f5 |
rgb(188,216,245) |
hsl(211,75%,85%) |
| #a6cbf2 |
rgb(166,203,242) |
hsl(211,75%,80%) |
| #8fbeef |
rgb(143,190,239) |
hsl(211,75%,75%) |
| #79b1ec |
rgb(121,177,236) |
hsl(211,75%,70%) |
| #63a4e9 |
rgb(99,164,233) |
hsl(211,75%,65%) |
| #4d96e6 |
rgb(77,150,230) |
hsl(211,75%,60%) |
| #3689e2 |
rgb(54,137,226) |
hsl(211,75%,55%) |
| #207cdf |
rgb(32,124,223) |
hsl(211,75%,50%) |
| #1d70c9 |
rgb(29,112,201) |
hsl(211,75%,45%) |
| #1a63b3 |
rgb(26,99,179) |
hsl(211,75%,40%) |
| #16579c |
rgb(22,87,156) |
hsl(211,75%,35%) |
| #134b86 |
rgb(19,75,134) |
hsl(211,75%,30%) |
| #103e70 |
rgb(16,62,112) |
hsl(211,75%,25%) |
| #0d3259 |
rgb(13,50,89) |
hsl(211,75%,20%) |
| #0a2543 |
rgb(10,37,67) |
hsl(211,75%,15%) |
| #06192d |
rgb(6,25,45) |
hsl(211,75%,10%) |
| #030c16 |
rgb(3,12,22) |
hsl(211,75%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36E3C7 |
rgb(54,227,199) |
hsl(170,76%,55%) |
| #368AE2 |
rgb(54,138,226) |
hsl(211,75%,55%) |
| #5436E2 |
rgb(84,54,226) |
hsl(250,75%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #84B8ED |
rgb(132,184,237) |
hsl(210,74%,72%) |
| #5DA1E7 |
rgb(93,161,231) |
hsl(210,74%,64%) |
| #368AE2 |
rgb(54,138,226) |
hsl(211,75%,55%) |
| #1D73CD |
rgb(29,115,205) |
hsl(211,75%,46%) |
| #185EA6 |
rgb(24,94,166) |
hsl(210,75%,37%) |
| #12477F |
rgb(18,71,127) |
hsl(211,75%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #368AE2 |
rgb(54,138,226) |
hsl(211,75%,55%) |
| #E23836 |
rgb(226,56,54) |
hsl(1,75%,55%) |
| #E0E336 |
rgb(224,227,54) |
hsl(61,76%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #368AE2 |
rgb(54,138,226) |
hsl(211,75%,55%) |
| #E28F36 |
rgb(226,143,54) |
hsl(31,75%,55%) |
| #36E0E2 |
rgb(54,224,226) |
hsl(181,75%,55%) |
| #E0E336 |
rgb(224,227,54) |
hsl(61,76%,55%) |
