HEX #3A80E9 color — Royal Blue
The color #3A80E9 is a dark shade and moderately saturated.
Palette
3A80E9 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fd |
rgb(241,246,253) |
hsl(216,80%,97%) |
#dae7fb |
rgb(218,231,251) |
hsl(216,80%,92%) |
#c3d9f8 |
rgb(195,217,248) |
hsl(216,80%,87%) |
#accaf6 |
rgb(172,202,246) |
hsl(216,80%,82%) |
#95bbf3 |
rgb(149,187,243) |
hsl(216,80%,77%) |
#7eacf1 |
rgb(126,172,241) |
hsl(216,80%,72%) |
#689dee |
rgb(104,157,238) |
hsl(216,80%,67%) |
#518fec |
rgb(81,143,236) |
hsl(216,80%,62%) |
#3a80e9 |
rgb(58,128,233) |
hsl(216,80%,57%) |
#2371e7 |
rgb(35,113,231) |
hsl(216,80%,52%) |
#1865d8 |
rgb(24,101,216) |
hsl(216,80%,47%) |
#155ac1 |
rgb(21,90,193) |
hsl(216,80%,42%) |
#134faa |
rgb(19,79,170) |
hsl(216,80%,37%) |
#104593 |
rgb(16,69,147) |
hsl(216,80%,32%) |
#0e3a7c |
rgb(14,58,124) |
hsl(216,80%,27%) |
#0b2f65 |
rgb(11,47,101) |
hsl(216,80%,22%) |
#09244e |
rgb(9,36,78) |
hsl(216,80%,17%) |
#061a37 |
rgb(6,26,55) |
hsl(216,80%,12%) |
#040f20 |
rgb(4,15,32) |
hsl(216,80%,7%) |
#010409 |
rgb(1,4,9) |
hsl(216,80%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE8DD |
rgb(58,232,221) |
hsl(176,79%,57%) |
#3A80E9 |
rgb(58,128,233) |
hsl(216,80%,57%) |
#683BE9 |
rgb(104,59,233) |
hsl(256,80%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DB5F2 |
rgb(141,181,242) |
hsl(216,80%,75%) |
#639CED |
rgb(99,156,237) |
hsl(215,79%,66%) |
#3A80E9 |
rgb(58,128,233) |
hsl(216,80%,57%) |
#1866DB |
rgb(24,102,219) |
hsl(216,80%,48%) |
#1354B2 |
rgb(19,84,178) |
hsl(215,81%,39%) |
#0F4088 |
rgb(15,64,136) |
hsl(216,80%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80E9 |
rgb(58,128,233) |
hsl(216,80%,57%) |
#E94D3A |
rgb(233,77,58) |
hsl(7,80%,57%) |
#D7E83A |
rgb(215,232,58) |
hsl(66,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80E9 |
rgb(58,128,233) |
hsl(216,80%,57%) |
#E9A33A |
rgb(233,163,58) |
hsl(36,80%,57%) |
#3AD9E9 |
rgb(58,217,233) |
hsl(185,80%,57%) |
#D7E83A |
rgb(215,232,58) |
hsl(66,79%,57%) |