HEX #3B80E5 color — Royal Blue
The color #3B80E5 is a dark shade and moderately saturated.
Palette
3B80E5 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 |
#3BE6D8 |
rgb(59,230,216) |
hsl(175,77%,57%) |
#3B80E5 |
rgb(59,128,229) |
hsl(216,77%,56%) |
#673BE5 |
rgb(103,59,229) |
hsl(256,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB5EF |
rgb(140,181,239) |
hsl(215,76%,74%) |
#639CEA |
rgb(99,156,234) |
hsl(215,76%,65%) |
#3B80E5 |
rgb(59,128,229) |
hsl(216,77%,56%) |
#1C69D5 |
rgb(28,105,213) |
hsl(215,77%,47%) |
#1654AC |
rgb(22,84,172) |
hsl(215,77%,38%) |
#114084 |
rgb(17,64,132) |
hsl(215,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B80E5 |
rgb(59,128,229) |
hsl(216,77%,56%) |
#E54A3B |
rgb(229,74,59) |
hsl(5,77%,56%) |
#D5E63B |
rgb(213,230,59) |
hsl(66,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B80E5 |
rgb(59,128,229) |
hsl(216,77%,56%) |
#E5A13B |
rgb(229,161,59) |
hsl(36,77%,56%) |
#3BD6E5 |
rgb(59,214,229) |
hsl(185,77%,56%) |
#D5E63B |
rgb(213,230,59) |
hsl(66,77%,57%) |