HEX #3680E0 color — Royal Blue
The color #3680E0 is a dark shade and moderately saturated.
Palette
3680E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9f1fc |
rgb(233,241,252) |
hsl(214,73%,95%) |
#d3e3f8 |
rgb(211,227,248) |
hsl(214,73%,90%) |
#bdd5f5 |
rgb(189,213,245) |
hsl(214,73%,85%) |
#a7c7f1 |
rgb(167,199,241) |
hsl(214,73%,80%) |
#91b9ee |
rgb(145,185,238) |
hsl(214,73%,75%) |
#7babea |
rgb(123,171,234) |
hsl(214,73%,70%) |
#659de7 |
rgb(101,157,231) |
hsl(214,73%,65%) |
#4f8fe3 |
rgb(79,143,227) |
hsl(214,73%,60%) |
#3881e0 |
rgb(56,129,224) |
hsl(214,73%,55%) |
#2273dd |
rgb(34,115,221) |
hsl(214,73%,50%) |
#1f68c7 |
rgb(31,104,199) |
hsl(214,73%,45%) |
#1c5cb0 |
rgb(28,92,176) |
hsl(214,73%,40%) |
#18519a |
rgb(24,81,154) |
hsl(214,73%,35%) |
#154584 |
rgb(21,69,132) |
hsl(214,73%,30%) |
#113a6e |
rgb(17,58,110) |
hsl(214,73%,25%) |
#0e2e58 |
rgb(14,46,88) |
hsl(214,73%,20%) |
#0a2342 |
rgb(10,35,66) |
hsl(214,73%,15%) |
#07172c |
rgb(7,23,44) |
hsl(214,73%,10%) |
#030c16 |
rgb(3,12,22) |
hsl(214,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E0CE |
rgb(54,224,206) |
hsl(174,73%,55%) |
#3680E0 |
rgb(54,128,224) |
hsl(214,73%,55%) |
#5D36E0 |
rgb(93,54,224) |
hsl(254,73%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83B0EB |
rgb(131,176,235) |
hsl(214,72%,72%) |
#5C99E5 |
rgb(92,153,229) |
hsl(213,72%,63%) |
#3680E0 |
rgb(54,128,224) |
hsl(214,73%,55%) |
#1F69CA |
rgb(31,105,202) |
hsl(214,73%,46%) |
#1957A3 |
rgb(25,87,163) |
hsl(213,73%,37%) |
#13427D |
rgb(19,66,125) |
hsl(213,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680E0 |
rgb(54,128,224) |
hsl(214,73%,55%) |
#E04036 |
rgb(224,64,54) |
hsl(4,73%,55%) |
#D5E036 |
rgb(213,224,54) |
hsl(64,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680E0 |
rgb(54,128,224) |
hsl(214,73%,55%) |
#E09636 |
rgb(224,150,54) |
hsl(34,73%,55%) |
#36D6E0 |
rgb(54,214,224) |
hsl(184,73%,55%) |
#D5E036 |
rgb(213,224,54) |
hsl(64,73%,55%) |