HEX #3586E3 color — Royal Blue
The color #3586e3 is a dark shade and moderately saturated.
Palette
3586e3 color palette from light to dark
HEX |
RGB |
HSL |
#e9f2fc |
rgb(233,242,252) |
hsl(212,76%,95%) |
#d2e4f9 |
rgb(210,228,249) |
hsl(212,76%,90%) |
#bcd7f6 |
rgb(188,215,246) |
hsl(212,76%,85%) |
#a5c9f3 |
rgb(165,201,243) |
hsl(212,76%,80%) |
#8fbcf0 |
rgb(143,188,240) |
hsl(212,76%,75%) |
#78afed |
rgb(120,175,237) |
hsl(212,76%,70%) |
#62a1ea |
rgb(98,161,234) |
hsl(212,76%,65%) |
#4b94e7 |
rgb(75,148,231) |
hsl(212,76%,60%) |
#3586e3 |
rgb(53,134,227) |
hsl(212,76%,55%) |
#1f79e0 |
rgb(31,121,224) |
hsl(212,76%,50%) |
#1c6dca |
rgb(28,109,202) |
hsl(212,76%,45%) |
#1861b4 |
rgb(24,97,180) |
hsl(212,76%,40%) |
#15559d |
rgb(21,85,157) |
hsl(212,76%,35%) |
#124987 |
rgb(18,73,135) |
hsl(212,76%,30%) |
#0f3d70 |
rgb(15,61,112) |
hsl(212,76%,25%) |
#0c305a |
rgb(12,48,90) |
hsl(212,76%,20%) |
#092443 |
rgb(9,36,67) |
hsl(212,76%,15%) |
#06182d |
rgb(6,24,45) |
hsl(212,76%,10%) |
#030c16 |
rgb(3,12,22) |
hsl(212,76%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35E3CC |
rgb(53,227,204) |
hsl(172,76%,55%) |
#3586E3 |
rgb(53,134,227) |
hsl(212,76%,55%) |
#5836E3 |
rgb(88,54,227) |
hsl(252,76%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83B5ED |
rgb(131,181,237) |
hsl(212,75%,72%) |
#5C9EE8 |
rgb(92,158,232) |
hsl(212,75%,64%) |
#3586E3 |
rgb(53,134,227) |
hsl(212,76%,55%) |
#1C70CE |
rgb(28,112,206) |
hsl(212,76%,46%) |
#1759A7 |
rgb(23,89,167) |
hsl(213,76%,37%) |
#11457F |
rgb(17,69,127) |
hsl(212,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3586E3 |
rgb(53,134,227) |
hsl(212,76%,55%) |
#E33B35 |
rgb(227,59,53) |
hsl(2,76%,55%) |
#DDE335 |
rgb(221,227,53) |
hsl(62,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3586E3 |
rgb(53,134,227) |
hsl(212,76%,55%) |
#E39135 |
rgb(227,145,53) |
hsl(32,76%,55%) |
#35DEE3 |
rgb(53,222,227) |
hsl(182,76%,55%) |
#DDE335 |
rgb(221,227,53) |
hsl(62,76%,55%) |