HEX #3180E6 color — Royal Blue
The color #3180E6 is a dark shade and moderately saturated.
Palette
3180E6 color palette from light to dark
HEX |
RGB |
HSL |
#e8f1fc |
rgb(232,241,252) |
hsl(214,78%,95%) |
#d2e3f9 |
rgb(210,227,249) |
hsl(214,78%,90%) |
#bbd5f7 |
rgb(187,213,247) |
hsl(214,78%,85%) |
#a4c7f4 |
rgb(164,199,244) |
hsl(214,78%,80%) |
#8eb9f1 |
rgb(142,185,241) |
hsl(214,78%,75%) |
#77abee |
rgb(119,171,238) |
hsl(214,78%,70%) |
#609ceb |
rgb(96,156,235) |
hsl(214,78%,65%) |
#498ee9 |
rgb(73,142,233) |
hsl(214,78%,60%) |
#3380e6 |
rgb(51,128,230) |
hsl(214,78%,55%) |
#1c72e3 |
rgb(28,114,227) |
hsl(214,78%,50%) |
#1967cc |
rgb(25,103,204) |
hsl(214,78%,45%) |
#165bb6 |
rgb(22,91,182) |
hsl(214,78%,40%) |
#14509f |
rgb(20,80,159) |
hsl(214,78%,35%) |
#114588 |
rgb(17,69,136) |
hsl(214,78%,30%) |
#0e3971 |
rgb(14,57,113) |
hsl(214,78%,25%) |
#0b2e5b |
rgb(11,46,91) |
hsl(214,78%,20%) |
#082244 |
rgb(8,34,68) |
hsl(214,78%,15%) |
#06172d |
rgb(6,23,45) |
hsl(214,78%,10%) |
#030b17 |
rgb(3,11,23) |
hsl(214,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E6D3 |
rgb(49,230,211) |
hsl(174,78%,55%) |
#3180E6 |
rgb(49,128,230) |
hsl(214,78%,55%) |
#5A30E6 |
rgb(90,48,230) |
hsl(254,78%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80B0EF |
rgb(128,176,239) |
hsl(214,78%,72%) |
#5899EA |
rgb(88,153,234) |
hsl(213,78%,63%) |
#3180E6 |
rgb(49,128,230) |
hsl(214,78%,55%) |
#1969D1 |
rgb(25,105,209) |
hsl(214,79%,46%) |
#1454A9 |
rgb(20,84,169) |
hsl(214,79%,37%) |
#0F4281 |
rgb(15,66,129) |
hsl(213,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180E6 |
rgb(49,128,230) |
hsl(214,78%,55%) |
#E63D31 |
rgb(230,61,49) |
hsl(4,78%,55%) |
#DAE631 |
rgb(218,230,49) |
hsl(64,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180E6 |
rgb(49,128,230) |
hsl(214,78%,55%) |
#E69631 |
rgb(230,150,49) |
hsl(33,78%,55%) |
#31DBE6 |
rgb(49,219,230) |
hsl(184,78%,55%) |
#DAE631 |
rgb(218,230,49) |
hsl(64,78%,55%) |