HEX #3A80E7 color — Royal Blue
The color #3A80E7 is a dark shade and moderately saturated.
Palette
3A80E7 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fd |
rgb(241,246,253) |
hsl(216,78%,97%) |
#dbe7fb |
rgb(219,231,251) |
hsl(216,78%,92%) |
#c4d9f8 |
rgb(196,217,248) |
hsl(216,78%,87%) |
#adcaf5 |
rgb(173,202,245) |
hsl(216,78%,82%) |
#97bbf2 |
rgb(151,187,242) |
hsl(216,78%,77%) |
#80acef |
rgb(128,172,239) |
hsl(216,78%,72%) |
#699eec |
rgb(105,158,236) |
hsl(216,78%,67%) |
#538fea |
rgb(83,143,234) |
hsl(216,78%,62%) |
#3c80e7 |
rgb(60,128,231) |
hsl(216,78%,57%) |
#2572e4 |
rgb(37,114,228) |
hsl(216,78%,52%) |
#1a65d5 |
rgb(26,101,213) |
hsl(216,78%,47%) |
#185abf |
rgb(24,90,191) |
hsl(216,78%,42%) |
#1550a8 |
rgb(21,80,168) |
hsl(216,78%,37%) |
#124591 |
rgb(18,69,145) |
hsl(216,78%,32%) |
#0f3a7b |
rgb(15,58,123) |
hsl(216,78%,27%) |
#0c2f64 |
rgb(12,47,100) |
hsl(216,78%,22%) |
#0a254d |
rgb(10,37,77) |
hsl(216,78%,17%) |
#071a36 |
rgb(7,26,54) |
hsl(216,78%,12%) |
#040f20 |
rgb(4,15,32) |
hsl(216,78%,7%) |
#010409 |
rgb(1,4,9) |
hsl(216,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE8DA |
rgb(58,232,218) |
hsl(175,79%,57%) |
#3A80E7 |
rgb(58,128,231) |
hsl(216,78%,57%) |
#673BE7 |
rgb(103,59,231) |
hsl(255,78%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB5F1 |
rgb(140,181,241) |
hsl(216,78%,75%) |
#639CEC |
rgb(99,156,236) |
hsl(215,78%,66%) |
#3A80E7 |
rgb(58,128,231) |
hsl(216,78%,57%) |
#1A66D8 |
rgb(26,102,216) |
hsl(216,79%,47%) |
#1554AF |
rgb(21,84,175) |
hsl(215,79%,38%) |
#104085 |
rgb(16,64,133) |
hsl(215,79%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80E7 |
rgb(58,128,231) |
hsl(216,78%,57%) |
#E74A3A |
rgb(231,74,58) |
hsl(6,78%,57%) |
#D6E83A |
rgb(214,232,58) |
hsl(66,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80E7 |
rgb(58,128,231) |
hsl(216,78%,57%) |
#E7A13A |
rgb(231,161,58) |
hsl(36,78%,57%) |
#3AD6E7 |
rgb(58,214,231) |
hsl(186,78%,57%) |
#D6E83A |
rgb(214,232,58) |
hsl(66,79%,57%) |