HEX #3A80E6 color — Royal Blue
The color #3A80E6 is a dark shade and moderately saturated.
Palette
3A80E6 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(216,77%,96%) |
#d6e5fa |
rgb(214,229,250) |
hsl(216,77%,91%) |
#c0d6f7 |
rgb(192,214,247) |
hsl(216,77%,86%) |
#a9c7f4 |
rgb(169,199,244) |
hsl(216,77%,81%) |
#93b8f1 |
rgb(147,184,241) |
hsl(216,77%,76%) |
#7caaee |
rgb(124,170,238) |
hsl(216,77%,71%) |
#669beb |
rgb(102,155,235) |
hsl(216,77%,66%) |
#4f8ce8 |
rgb(79,140,232) |
hsl(216,77%,61%) |
#387ee5 |
rgb(56,126,229) |
hsl(216,77%,56%) |
#226fe2 |
rgb(34,111,226) |
hsl(216,77%,51%) |
#1b63d0 |
rgb(27,99,208) |
hsl(216,77%,46%) |
#1858b9 |
rgb(24,88,185) |
hsl(216,77%,41%) |
#154ea2 |
rgb(21,78,162) |
hsl(216,77%,36%) |
#12438c |
rgb(18,67,140) |
hsl(216,77%,31%) |
#0f3875 |
rgb(15,56,117) |
hsl(216,77%,26%) |
#0c2d5f |
rgb(12,45,95) |
hsl(216,77%,21%) |
#092348 |
rgb(9,35,72) |
hsl(216,77%,16%) |
#061832 |
rgb(6,24,50) |
hsl(216,77%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(216,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(216,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE6D9 |
rgb(58,230,217) |
hsl(175,77%,56%) |
#3A80E6 |
rgb(58,128,230) |
hsl(216,77%,56%) |
#663BE6 |
rgb(102,59,230) |
hsl(255,77%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB5F0 |
rgb(139,181,240) |
hsl(215,77%,74%) |
#629CEB |
rgb(98,156,235) |
hsl(215,77%,65%) |
#3A80E6 |
rgb(58,128,230) |
hsl(216,77%,56%) |
#1B69D6 |
rgb(27,105,214) |
hsl(215,78%,47%) |
#1654AD |
rgb(22,84,173) |
hsl(215,77%,38%) |
#104084 |
rgb(16,64,132) |
hsl(215,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80E6 |
rgb(58,128,230) |
hsl(216,77%,56%) |
#E64A3A |
rgb(230,74,58) |
hsl(6,77%,56%) |
#D6E63A |
rgb(214,230,58) |
hsl(66,77%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80E6 |
rgb(58,128,230) |
hsl(216,77%,56%) |
#E6A13A |
rgb(230,161,58) |
hsl(36,77%,56%) |
#3AD6E6 |
rgb(58,214,230) |
hsl(186,77%,56%) |
#D6E63A |
rgb(214,230,58) |
hsl(66,77%,56%) |