HEX #3180EA color — Royal Blue
The color #3180EA is a dark shade and moderately saturated.
Palette
3180EA color palette from light to dark
HEX |
RGB |
HSL |
#e8f1fd |
rgb(232,241,253) |
hsl(214,81%,95%) |
#d1e3fa |
rgb(209,227,250) |
hsl(214,81%,90%) |
#bad5f8 |
rgb(186,213,248) |
hsl(214,81%,85%) |
#a3c6f5 |
rgb(163,198,245) |
hsl(214,81%,80%) |
#8cb8f3 |
rgb(140,184,243) |
hsl(214,81%,75%) |
#75aaf0 |
rgb(117,170,240) |
hsl(214,81%,70%) |
#5d9cee |
rgb(93,156,238) |
hsl(214,81%,65%) |
#468eec |
rgb(70,142,236) |
hsl(214,81%,60%) |
#2f80e9 |
rgb(47,128,233) |
hsl(214,81%,55%) |
#1872e7 |
rgb(24,114,231) |
hsl(214,81%,50%) |
#1666d0 |
rgb(22,102,208) |
hsl(214,81%,45%) |
#135bb9 |
rgb(19,91,185) |
hsl(214,81%,40%) |
#1150a2 |
rgb(17,80,162) |
hsl(214,81%,35%) |
#0f448a |
rgb(15,68,138) |
hsl(214,81%,30%) |
#0c3973 |
rgb(12,57,115) |
hsl(214,81%,25%) |
#0a2d5c |
rgb(10,45,92) |
hsl(214,81%,20%) |
#072245 |
rgb(7,34,69) |
hsl(214,81%,15%) |
#05172e |
rgb(5,23,46) |
hsl(214,81%,10%) |
#020b17 |
rgb(2,11,23) |
hsl(214,81%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31EBD8 |
rgb(49,235,216) |
hsl(174,82%,56%) |
#3180EA |
rgb(49,128,234) |
hsl(214,81%,55%) |
#5D30EA |
rgb(93,48,234) |
hsl(255,82%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83B3F2 |
rgb(131,179,242) |
hsl(214,81%,73%) |
#5A99EE |
rgb(90,153,238) |
hsl(214,81%,64%) |
#3180EA |
rgb(49,128,234) |
hsl(214,81%,55%) |
#1569D7 |
rgb(21,105,215) |
hsl(214,82%,46%) |
#1154AE |
rgb(17,84,174) |
hsl(214,82%,37%) |
#0D4085 |
rgb(13,64,133) |
hsl(215,82%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180EA |
rgb(49,128,234) |
hsl(214,81%,55%) |
#EA4031 |
rgb(234,64,49) |
hsl(5,81%,55%) |
#DCEB31 |
rgb(220,235,49) |
hsl(65,82%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180EA |
rgb(49,128,234) |
hsl(214,81%,55%) |
#EA9C31 |
rgb(234,156,49) |
hsl(35,81%,55%) |
#31DBEA |
rgb(49,219,234) |
hsl(185,81%,55%) |
#DCEB31 |
rgb(220,235,49) |
hsl(65,82%,56%) |