HEX #396BE0 color — Royal Blue
The color #396BE0 is a dark shade and moderately saturated.
Palette
396BE0 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9effc |
rgb(233,239,252) |
hsl(222,73%,95%) |
| #d3def8 |
rgb(211,222,248) |
hsl(222,73%,90%) |
| #bdcef5 |
rgb(189,206,245) |
hsl(222,73%,85%) |
| #a7bdf1 |
rgb(167,189,241) |
hsl(222,73%,80%) |
| #91adee |
rgb(145,173,238) |
hsl(222,73%,75%) |
| #7b9cea |
rgb(123,156,234) |
hsl(222,73%,70%) |
| #658ce7 |
rgb(101,140,231) |
hsl(222,73%,65%) |
| #4f7be3 |
rgb(79,123,227) |
hsl(222,73%,60%) |
| #386be0 |
rgb(56,107,224) |
hsl(222,73%,55%) |
| #225add |
rgb(34,90,221) |
hsl(222,73%,50%) |
| #1f51c7 |
rgb(31,81,199) |
hsl(222,73%,45%) |
| #1c48b0 |
rgb(28,72,176) |
hsl(222,73%,40%) |
| #183f9a |
rgb(24,63,154) |
hsl(222,73%,35%) |
| #153684 |
rgb(21,54,132) |
hsl(222,73%,30%) |
| #112d6e |
rgb(17,45,110) |
hsl(222,73%,25%) |
| #0e2458 |
rgb(14,36,88) |
hsl(222,73%,20%) |
| #0a1b42 |
rgb(10,27,66) |
hsl(222,73%,15%) |
| #07122c |
rgb(7,18,44) |
hsl(222,73%,10%) |
| #030916 |
rgb(3,9,22) |
hsl(222,73%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39DBE0 |
rgb(57,219,224) |
hsl(182,73%,55%) |
| #396BE0 |
rgb(57,107,224) |
hsl(222,73%,55%) |
| #7638E0 |
rgb(118,56,224) |
hsl(262,73%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #86A6EC |
rgb(134,166,236) |
hsl(221,73%,73%) |
| #5F87E6 |
rgb(95,135,230) |
hsl(222,73%,64%) |
| #396BE0 |
rgb(57,107,224) |
hsl(222,73%,55%) |
| #1F54CC |
rgb(31,84,204) |
hsl(222,74%,46%) |
| #1945A5 |
rgb(25,69,165) |
hsl(221,74%,37%) |
| #13337E |
rgb(19,51,126) |
hsl(222,74%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #396BE0 |
rgb(57,107,224) |
hsl(222,73%,55%) |
| #E05939 |
rgb(224,89,57) |
hsl(11,73%,55%) |
| #BEE039 |
rgb(190,224,57) |
hsl(72,73%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #396BE0 |
rgb(57,107,224) |
hsl(222,73%,55%) |
| #E0AD39 |
rgb(224,173,57) |
hsl(42,73%,55%) |
| #39BFE0 |
rgb(57,191,224) |
hsl(192,73%,55%) |
| #BEE039 |
rgb(190,224,57) |
hsl(72,73%,55%) |
