HEX #3654E2 color — Royal Blue
The color #3654E2 is a dark shade and moderately saturated.
Palette
3654E2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9ecfc |
rgb(233,236,252) |
hsl(230,75%,95%) |
| #d2d9f9 |
rgb(210,217,249) |
hsl(230,75%,90%) |
| #bcc6f5 |
rgb(188,198,245) |
hsl(230,75%,85%) |
| #a6b3f2 |
rgb(166,179,242) |
hsl(230,75%,80%) |
| #8f9fef |
rgb(143,159,239) |
hsl(230,75%,75%) |
| #798cec |
rgb(121,140,236) |
hsl(230,75%,70%) |
| #6379e9 |
rgb(99,121,233) |
hsl(230,75%,65%) |
| #4d66e6 |
rgb(77,102,230) |
hsl(230,75%,60%) |
| #3653e2 |
rgb(54,83,226) |
hsl(230,75%,55%) |
| #2040df |
rgb(32,64,223) |
hsl(230,75%,50%) |
| #1d39c9 |
rgb(29,57,201) |
hsl(230,75%,45%) |
| #1a33b3 |
rgb(26,51,179) |
hsl(230,75%,40%) |
| #162d9c |
rgb(22,45,156) |
hsl(230,75%,35%) |
| #132686 |
rgb(19,38,134) |
hsl(230,75%,30%) |
| #102070 |
rgb(16,32,112) |
hsl(230,75%,25%) |
| #0d1a59 |
rgb(13,26,89) |
hsl(230,75%,20%) |
| #0a1343 |
rgb(10,19,67) |
hsl(230,75%,15%) |
| #060d2d |
rgb(6,13,45) |
hsl(230,75%,10%) |
| #030616 |
rgb(3,6,22) |
hsl(230,75%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36C7E2 |
rgb(54,199,226) |
hsl(189,75%,55%) |
| #3654E2 |
rgb(54,84,226) |
hsl(230,75%,55%) |
| #8A36E2 |
rgb(138,54,226) |
hsl(269,75%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8496ED |
rgb(132,150,237) |
hsl(230,74%,72%) |
| #5D75E7 |
rgb(93,117,231) |
hsl(230,74%,64%) |
| #3654E2 |
rgb(54,84,226) |
hsl(230,75%,55%) |
| #1D3DCD |
rgb(29,61,205) |
hsl(229,75%,46%) |
| #1830A6 |
rgb(24,48,166) |
hsl(230,75%,37%) |
| #12267F |
rgb(18,38,127) |
hsl(229,75%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3654E2 |
rgb(54,84,226) |
hsl(230,75%,55%) |
| #E26E36 |
rgb(226,110,54) |
hsl(20,75%,55%) |
| #AAE336 |
rgb(170,227,54) |
hsl(80,76%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3654E2 |
rgb(54,84,226) |
hsl(230,75%,55%) |
| #E2C436 |
rgb(226,196,54) |
hsl(50,75%,55%) |
| #36ABE2 |
rgb(54,171,226) |
hsl(199,75%,55%) |
| #AAE336 |
rgb(170,227,54) |
hsl(80,76%,55%) |
