HEX #3180E0 color — Royal Blue
The color #3180E0 is a dark shade and moderately saturated.
Palette
3180E0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,74%,99%) |
#e4effb |
rgb(228,239,251) |
hsl(213,74%,94%) |
#cee1f8 |
rgb(206,225,248) |
hsl(213,74%,89%) |
#b8d3f4 |
rgb(184,211,244) |
hsl(213,74%,84%) |
#a2c5f1 |
rgb(162,197,241) |
hsl(213,74%,79%) |
#8cb8ee |
rgb(140,184,238) |
hsl(213,74%,74%) |
#75aaea |
rgb(117,170,234) |
hsl(213,74%,69%) |
#5f9ce7 |
rgb(95,156,231) |
hsl(213,74%,64%) |
#498fe4 |
rgb(73,143,228) |
hsl(213,74%,59%) |
#3381e1 |
rgb(51,129,225) |
hsl(213,74%,54%) |
#2074d9 |
rgb(32,116,217) |
hsl(213,74%,49%) |
#1d68c3 |
rgb(29,104,195) |
hsl(213,74%,44%) |
#1a5cad |
rgb(26,92,173) |
hsl(213,74%,39%) |
#175097 |
rgb(23,80,151) |
hsl(213,74%,34%) |
#134481 |
rgb(19,68,129) |
hsl(213,74%,29%) |
#10396a |
rgb(16,57,106) |
hsl(213,74%,24%) |
#0d2d54 |
rgb(13,45,84) |
hsl(213,74%,19%) |
#09213e |
rgb(9,33,62) |
hsl(213,74%,14%) |
#061528 |
rgb(6,21,40) |
hsl(213,74%,9%) |
#030912 |
rgb(3,9,18) |
hsl(213,74%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E0CB |
rgb(49,224,203) |
hsl(173,74%,54%) |
#3180E0 |
rgb(49,128,224) |
hsl(213,74%,54%) |
#5630E0 |
rgb(86,48,224) |
hsl(253,74%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CB0EB |
rgb(124,176,235) |
hsl(212,74%,70%) |
#5696E5 |
rgb(86,150,229) |
hsl(213,73%,62%) |
#3180E0 |
rgb(49,128,224) |
hsl(213,74%,54%) |
#1E6BC7 |
rgb(30,107,199) |
hsl(213,74%,45%) |
#1857A1 |
rgb(24,87,161) |
hsl(212,74%,36%) |
#12427B |
rgb(18,66,123) |
hsl(213,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180E0 |
rgb(49,128,224) |
hsl(213,74%,54%) |
#E03B31 |
rgb(224,59,49) |
hsl(3,74%,54%) |
#D7E031 |
rgb(215,224,49) |
hsl(63,74%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180E0 |
rgb(49,128,224) |
hsl(213,74%,54%) |
#E09131 |
rgb(224,145,49) |
hsl(33,74%,54%) |
#31D9E0 |
rgb(49,217,224) |
hsl(182,74%,54%) |
#D7E031 |
rgb(215,224,49) |
hsl(63,74%,54%) |