HEX #396BDF color — Royal Blue
The color #396BDF is a dark shade and moderately saturated.
Palette
396BDF color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(222,72%,95%) |
#d3def8 |
rgb(211,222,248) |
hsl(222,72%,90%) |
#bdcef4 |
rgb(189,206,244) |
hsl(222,72%,85%) |
#a7bdf1 |
rgb(167,189,241) |
hsl(222,72%,80%) |
#91aded |
rgb(145,173,237) |
hsl(222,72%,75%) |
#7b9cea |
rgb(123,156,234) |
hsl(222,72%,70%) |
#658ce6 |
rgb(101,140,230) |
hsl(222,72%,65%) |
#507ce2 |
rgb(80,124,226) |
hsl(222,72%,60%) |
#3a6bdf |
rgb(58,107,223) |
hsl(222,72%,55%) |
#245bdb |
rgb(36,91,219) |
hsl(222,72%,50%) |
#2052c5 |
rgb(32,82,197) |
hsl(222,72%,45%) |
#1d49af |
rgb(29,73,175) |
hsl(222,72%,40%) |
#19409a |
rgb(25,64,154) |
hsl(222,72%,35%) |
#153684 |
rgb(21,54,132) |
hsl(222,72%,30%) |
#122d6e |
rgb(18,45,110) |
hsl(222,72%,25%) |
#0e2458 |
rgb(14,36,88) |
hsl(222,72%,20%) |
#0b1b42 |
rgb(11,27,66) |
hsl(222,72%,15%) |
#07122c |
rgb(7,18,44) |
hsl(222,72%,10%) |
#040916 |
rgb(4,9,22) |
hsl(222,72%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#39D9DF |
rgb(57,217,223) |
hsl(182,72%,55%) |
#396BDF |
rgb(57,107,223) |
hsl(222,72%,55%) |
#7538DF |
rgb(117,56,223) |
hsl(262,72%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A6EB |
rgb(134,166,235) |
hsl(221,72%,72%) |
#5F87E5 |
rgb(95,135,229) |
hsl(222,72%,64%) |
#396BDF |
rgb(57,107,223) |
hsl(222,72%,55%) |
#2054CA |
rgb(32,84,202) |
hsl(222,73%,46%) |
#1A45A3 |
rgb(26,69,163) |
hsl(221,72%,37%) |
#14337D |
rgb(20,51,125) |
hsl(222,72%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BDF |
rgb(57,107,223) |
hsl(222,72%,55%) |
#DF5939 |
rgb(223,89,57) |
hsl(12,72%,55%) |
#BEDE39 |
rgb(190,222,57) |
hsl(72,71%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BDF |
rgb(57,107,223) |
hsl(222,72%,55%) |
#DFAD39 |
rgb(223,173,57) |
hsl(42,72%,55%) |
#39BFDF |
rgb(57,191,223) |
hsl(192,72%,55%) |
#BEDE39 |
rgb(190,222,57) |
hsl(72,71%,55%) |