HEX #3182E4 color — Royal Blue
The color #3182E4 is a dark shade and moderately saturated.
Palette
3182E4 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(213,77%,99%) |
#e4effb |
rgb(228,239,251) |
hsl(213,77%,94%) |
#cde1f9 |
rgb(205,225,249) |
hsl(213,77%,89%) |
#b7d3f6 |
rgb(183,211,246) |
hsl(213,77%,84%) |
#a0c5f3 |
rgb(160,197,243) |
hsl(213,77%,79%) |
#8ab8f0 |
rgb(138,184,240) |
hsl(213,77%,74%) |
#73aaed |
rgb(115,170,237) |
hsl(213,77%,69%) |
#5d9cea |
rgb(93,156,234) |
hsl(213,77%,64%) |
#468ee7 |
rgb(70,142,231) |
hsl(213,77%,59%) |
#2f81e4 |
rgb(47,129,228) |
hsl(213,77%,54%) |
#1d73dd |
rgb(29,115,221) |
hsl(213,77%,49%) |
#1a68c7 |
rgb(26,104,199) |
hsl(213,77%,44%) |
#175cb0 |
rgb(23,92,176) |
hsl(213,77%,39%) |
#145099 |
rgb(20,80,153) |
hsl(213,77%,34%) |
#114483 |
rgb(17,68,131) |
hsl(213,77%,29%) |
#0e386c |
rgb(14,56,108) |
hsl(213,77%,24%) |
#0b2d56 |
rgb(11,45,86) |
hsl(213,77%,19%) |
#08213f |
rgb(8,33,63) |
hsl(213,77%,14%) |
#051529 |
rgb(5,21,41) |
hsl(213,77%,9%) |
#020912 |
rgb(2,9,18) |
hsl(213,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E3CE |
rgb(49,227,206) |
hsl(173,76%,54%) |
#3182E4 |
rgb(49,130,228) |
hsl(213,77%,54%) |
#5730E4 |
rgb(87,48,228) |
hsl(253,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FB3EE |
rgb(127,179,238) |
hsl(212,77%,72%) |
#5899E9 |
rgb(88,153,233) |
hsl(213,77%,63%) |
#3182E4 |
rgb(49,130,228) |
hsl(213,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 |
#3182E4 |
rgb(49,130,228) |
hsl(213,77%,54%) |
#E43B31 |
rgb(228,59,49) |
hsl(3,77%,54%) |
#DBE331 |
rgb(219,227,49) |
hsl(63,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3182E4 |
rgb(49,130,228) |
hsl(213,77%,54%) |
#E49431 |
rgb(228,148,49) |
hsl(33,77%,54%) |
#31DBE4 |
rgb(49,219,228) |
hsl(183,77%,54%) |
#DBE331 |
rgb(219,227,49) |
hsl(63,76%,54%) |