HEX #396BDD color — Royal Blue
The color #396BDD is a dark shade and moderately saturated.
Palette
396BDD color palette from light to dark
| HEX |
RGB |
HSL |
| #e9effb |
rgb(233,239,251) |
hsl(222,71%,95%) |
| #d3def8 |
rgb(211,222,248) |
hsl(222,71%,90%) |
| #becef4 |
rgb(190,206,244) |
hsl(222,71%,85%) |
| #a8bef0 |
rgb(168,190,240) |
hsl(222,71%,80%) |
| #92aded |
rgb(146,173,237) |
hsl(222,71%,75%) |
| #7c9de9 |
rgb(124,157,233) |
hsl(222,71%,70%) |
| #668ce5 |
rgb(102,140,229) |
hsl(222,71%,65%) |
| #517ce1 |
rgb(81,124,225) |
hsl(222,71%,60%) |
| #3b6cde |
rgb(59,108,222) |
hsl(222,71%,55%) |
| #255bda |
rgb(37,91,218) |
hsl(222,71%,50%) |
| #2152c4 |
rgb(33,82,196) |
hsl(222,71%,45%) |
| #1e49ae |
rgb(30,73,174) |
hsl(222,71%,40%) |
| #1a4099 |
rgb(26,64,153) |
hsl(222,71%,35%) |
| #163783 |
rgb(22,55,131) |
hsl(222,71%,30%) |
| #122e6d |
rgb(18,46,109) |
hsl(222,71%,25%) |
| #0f2557 |
rgb(15,37,87) |
hsl(222,71%,20%) |
| #0b1b41 |
rgb(11,27,65) |
hsl(222,71%,15%) |
| #07122c |
rgb(7,18,44) |
hsl(222,71%,10%) |
| #040916 |
rgb(4,9,22) |
hsl(222,71%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39D9DD |
rgb(57,217,221) |
hsl(181,71%,55%) |
| #396BDD |
rgb(57,107,221) |
hsl(222,71%,55%) |
| #7438DD |
rgb(116,56,221) |
hsl(262,71%,54%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #84A3EA |
rgb(132,163,234) |
hsl(222,71%,72%) |
| #5E87E3 |
rgb(94,135,227) |
hsl(222,70%,63%) |
| #396BDD |
rgb(57,107,221) |
hsl(222,71%,55%) |
| #2254C7 |
rgb(34,84,199) |
hsl(222,71%,46%) |
| #1B45A1 |
rgb(27,69,161) |
hsl(221,71%,37%) |
| #15367B |
rgb(21,54,123) |
hsl(221,71%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #396BDD |
rgb(57,107,221) |
hsl(222,71%,55%) |
| #DD5939 |
rgb(221,89,57) |
hsl(12,71%,55%) |
| #BDDE39 |
rgb(189,222,57) |
hsl(72,71%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #396BDD |
rgb(57,107,221) |
hsl(222,71%,55%) |
| #DDAB39 |
rgb(221,171,57) |
hsl(42,71%,55%) |
| #39BDDD |
rgb(57,189,221) |
hsl(192,71%,55%) |
| #BDDE39 |
rgb(189,222,57) |
hsl(72,71%,55%) |
