HEX #5366E1 color — Royal Blue
The color #5366E1 is a dark shade and moderately saturated.
Palette
5366E1 color palette from light to dark
HEX |
RGB |
HSL |
#e9ecfb |
rgb(233,236,251) |
hsl(232,70%,95%) |
#d4d8f7 |
rgb(212,216,247) |
hsl(232,70%,90%) |
#bec5f4 |
rgb(190,197,244) |
hsl(232,70%,85%) |
#a8b2f0 |
rgb(168,178,240) |
hsl(232,70%,80%) |
#939fec |
rgb(147,159,236) |
hsl(232,70%,75%) |
#7d8be8 |
rgb(125,139,232) |
hsl(232,70%,70%) |
#6778e4 |
rgb(103,120,228) |
hsl(232,70%,65%) |
#5265e0 |
rgb(82,101,224) |
hsl(232,70%,60%) |
#3c51dd |
rgb(60,81,221) |
hsl(232,70%,55%) |
#263ed9 |
rgb(38,62,217) |
hsl(232,70%,50%) |
#2238c3 |
rgb(34,56,195) |
hsl(232,70%,45%) |
#1f32ad |
rgb(31,50,173) |
hsl(232,70%,40%) |
#1b2b98 |
rgb(27,43,152) |
hsl(232,70%,35%) |
#172582 |
rgb(23,37,130) |
hsl(232,70%,30%) |
#131f6c |
rgb(19,31,108) |
hsl(232,70%,25%) |
#0f1957 |
rgb(15,25,87) |
hsl(232,70%,20%) |
#0b1341 |
rgb(11,19,65) |
hsl(232,70%,15%) |
#080c2b |
rgb(8,12,43) |
hsl(232,70%,10%) |
#040616 |
rgb(4,6,22) |
hsl(232,70%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#53C4E1 |
rgb(83,196,225) |
hsl(192,70%,60%) |
#5366E1 |
rgb(83,102,225) |
hsl(232,70%,60%) |
#9E54E1 |
rgb(158,84,225) |
hsl(271,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0D6F6 |
rgb(208,214,246) |
hsl(231,68%,89%) |
#A6B0EF |
rgb(166,176,239) |
hsl(232,70%,79%) |
#7C8CE8 |
rgb(124,140,232) |
hsl(231,70%,70%) |
#5366E1 |
rgb(83,102,225) |
hsl(232,70%,60%) |
#2940D9 |
rgb(41,64,217) |
hsl(232,70%,51%) |
#1F33B2 |
rgb(31,51,178) |
hsl(232,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5366E1 |
rgb(83,102,225) |
hsl(232,70%,60%) |
#E18753 |
rgb(225,135,83) |
hsl(22,70%,60%) |
#ADE053 |
rgb(173,224,83) |
hsl(82,69%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5366E1 |
rgb(83,102,225) |
hsl(232,70%,60%) |
#E1CF53 |
rgb(225,207,83) |
hsl(52,70%,60%) |
#53ADE1 |
rgb(83,173,225) |
hsl(202,70%,60%) |
#ADE053 |
rgb(173,224,83) |
hsl(82,69%,60%) |