HEX #3682E2 color — Royal Blue
The color #3682E2 is a dark shade and moderately saturated.
Palette
3682E2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f1fc |
rgb(233,241,252) |
hsl(213,75%,95%) |
| #d2e4f9 |
rgb(210,228,249) |
hsl(213,75%,90%) |
| #bcd6f5 |
rgb(188,214,245) |
hsl(213,75%,85%) |
| #a6c8f2 |
rgb(166,200,242) |
hsl(213,75%,80%) |
| #8fbaef |
rgb(143,186,239) |
hsl(213,75%,75%) |
| #79adec |
rgb(121,173,236) |
hsl(213,75%,70%) |
| #639fe9 |
rgb(99,159,233) |
hsl(213,75%,65%) |
| #4d91e6 |
rgb(77,145,230) |
hsl(213,75%,60%) |
| #3684e2 |
rgb(54,132,226) |
hsl(213,75%,55%) |
| #2076df |
rgb(32,118,223) |
hsl(213,75%,50%) |
| #1d6ac9 |
rgb(29,106,201) |
hsl(213,75%,45%) |
| #1a5eb3 |
rgb(26,94,179) |
hsl(213,75%,40%) |
| #16539c |
rgb(22,83,156) |
hsl(213,75%,35%) |
| #134786 |
rgb(19,71,134) |
hsl(213,75%,30%) |
| #103b70 |
rgb(16,59,112) |
hsl(213,75%,25%) |
| #0d2f59 |
rgb(13,47,89) |
hsl(213,75%,20%) |
| #0a2343 |
rgb(10,35,67) |
hsl(213,75%,15%) |
| #06182d |
rgb(6,24,45) |
hsl(213,75%,10%) |
| #030c16 |
rgb(3,12,22) |
hsl(213,75%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36E3CF |
rgb(54,227,207) |
hsl(173,76%,55%) |
| #3682E2 |
rgb(54,130,226) |
hsl(213,75%,55%) |
| #5C36E2 |
rgb(92,54,226) |
hsl(253,75%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #84B3ED |
rgb(132,179,237) |
hsl(213,74%,72%) |
| #5D9CE7 |
rgb(93,156,231) |
hsl(213,74%,64%) |
| #3682E2 |
rgb(54,130,226) |
hsl(213,75%,55%) |
| #1D6BCD |
rgb(29,107,205) |
hsl(213,75%,46%) |
| #1857A6 |
rgb(24,87,166) |
hsl(213,75%,37%) |
| #12427F |
rgb(18,66,127) |
hsl(214,75%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3682E2 |
rgb(54,130,226) |
hsl(213,75%,55%) |
| #E24036 |
rgb(226,64,54) |
hsl(3,75%,55%) |
| #D8E336 |
rgb(216,227,54) |
hsl(64,76%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3682E2 |
rgb(54,130,226) |
hsl(213,75%,55%) |
| #E29636 |
rgb(226,150,54) |
hsl(33,75%,55%) |
| #36D9E2 |
rgb(54,217,226) |
hsl(183,75%,55%) |
| #D8E336 |
rgb(216,227,54) |
hsl(64,76%,55%) |
