HEX #3180E4 color — Royal Blue
The color #3180E4 is a dark shade and moderately saturated.
Palette
3180E4 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(214,77%,99%) |
#e4eefb |
rgb(228,238,251) |
hsl(214,77%,94%) |
#cde0f9 |
rgb(205,224,249) |
hsl(214,77%,89%) |
#b7d2f6 |
rgb(183,210,246) |
hsl(214,77%,84%) |
#a0c4f3 |
rgb(160,196,243) |
hsl(214,77%,79%) |
#8ab6f0 |
rgb(138,182,240) |
hsl(214,77%,74%) |
#73a8ed |
rgb(115,168,237) |
hsl(214,77%,69%) |
#5d9aea |
rgb(93,154,234) |
hsl(214,77%,64%) |
#468ce7 |
rgb(70,140,231) |
hsl(214,77%,59%) |
#2f7ee4 |
rgb(47,126,228) |
hsl(214,77%,54%) |
#1d70dd |
rgb(29,112,221) |
hsl(214,77%,49%) |
#1a65c7 |
rgb(26,101,199) |
hsl(214,77%,44%) |
#1759b0 |
rgb(23,89,176) |
hsl(214,77%,39%) |
#144e99 |
rgb(20,78,153) |
hsl(214,77%,34%) |
#114283 |
rgb(17,66,131) |
hsl(214,77%,29%) |
#0e376c |
rgb(14,55,108) |
hsl(214,77%,24%) |
#0b2b56 |
rgb(11,43,86) |
hsl(214,77%,19%) |
#08203f |
rgb(8,32,63) |
hsl(214,77%,14%) |
#051529 |
rgb(5,21,41) |
hsl(214,77%,9%) |
#020912 |
rgb(2,9,18) |
hsl(214,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E3D0 |
rgb(49,227,208) |
hsl(174,76%,54%) |
#3180E4 |
rgb(49,128,228) |
hsl(214,77%,54%) |
#5930E4 |
rgb(89,48,228) |
hsl(254,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FB0EE |
rgb(127,176,238) |
hsl(214,77%,72%) |
#5899E9 |
rgb(88,153,233) |
hsl(213,77%,63%) |
#3180E4 |
rgb(49,128,228) |
hsl(214,77%,54%) |
#1A6BCD |
rgb(26,107,205) |
hsl(213,77%,45%) |
#1557A6 |
rgb(21,87,166) |
hsl(213,78%,37%) |
#10427F |
rgb(16,66,127) |
hsl(213,78%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180E4 |
rgb(49,128,228) |
hsl(214,77%,54%) |
#E43B31 |
rgb(228,59,49) |
hsl(3,77%,54%) |
#D9E331 |
rgb(217,227,49) |
hsl(63,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180E4 |
rgb(49,128,228) |
hsl(214,77%,54%) |
#E49431 |
rgb(228,148,49) |
hsl(33,77%,54%) |
#31D9E4 |
rgb(49,217,228) |
hsl(184,77%,54%) |
#D9E331 |
rgb(217,227,49) |
hsl(63,76%,54%) |