HEX #3670E0 color — Royal Blue
The color #3670E0 is a dark shade and moderately saturated.
Palette
3670E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(220,73%,95%) |
#d3dff8 |
rgb(211,223,248) |
hsl(220,73%,90%) |
#bdcff5 |
rgb(189,207,245) |
hsl(220,73%,85%) |
#a7c0f1 |
rgb(167,192,241) |
hsl(220,73%,80%) |
#91b0ee |
rgb(145,176,238) |
hsl(220,73%,75%) |
#7ba0ea |
rgb(123,160,234) |
hsl(220,73%,70%) |
#6590e7 |
rgb(101,144,231) |
hsl(220,73%,65%) |
#4f80e3 |
rgb(79,128,227) |
hsl(220,73%,60%) |
#3870e0 |
rgb(56,112,224) |
hsl(220,73%,55%) |
#2260dd |
rgb(34,96,221) |
hsl(220,73%,50%) |
#1f57c7 |
rgb(31,87,199) |
hsl(220,73%,45%) |
#1c4db0 |
rgb(28,77,176) |
hsl(220,73%,40%) |
#18449a |
rgb(24,68,154) |
hsl(220,73%,35%) |
#153a84 |
rgb(21,58,132) |
hsl(220,73%,30%) |
#11306e |
rgb(17,48,110) |
hsl(220,73%,25%) |
#0e2758 |
rgb(14,39,88) |
hsl(220,73%,20%) |
#0a1d42 |
rgb(10,29,66) |
hsl(220,73%,15%) |
#07132c |
rgb(7,19,44) |
hsl(220,73%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(220,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E0DE |
rgb(54,224,222) |
hsl(179,73%,55%) |
#3670E0 |
rgb(54,112,224) |
hsl(220,73%,55%) |
#6D36E0 |
rgb(109,54,224) |
hsl(259,73%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6EB |
rgb(131,166,235) |
hsl(220,72%,72%) |
#5C8CE5 |
rgb(92,140,229) |
hsl(219,72%,63%) |
#3670E0 |
rgb(54,112,224) |
hsl(220,73%,55%) |
#1F59CA |
rgb(31,89,202) |
hsl(220,73%,46%) |
#1947A3 |
rgb(25,71,163) |
hsl(220,73%,37%) |
#13387D |
rgb(19,56,125) |
hsl(219,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3670E0 |
rgb(54,112,224) |
hsl(220,73%,55%) |
#E05236 |
rgb(224,82,54) |
hsl(10,73%,55%) |
#C5E036 |
rgb(197,224,54) |
hsl(70,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3670E0 |
rgb(54,112,224) |
hsl(220,73%,55%) |
#E0A636 |
rgb(224,166,54) |
hsl(40,73%,55%) |
#36C4E0 |
rgb(54,196,224) |
hsl(190,73%,55%) |
#C5E036 |
rgb(197,224,54) |
hsl(70,73%,55%) |