HEX #3B82E7 color — Royal Blue
The color #3B82E7 is a dark shade and moderately saturated.
Palette
3B82E7 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fd |
rgb(241,246,253) |
hsl(215,78%,97%) |
#dbe8fb |
rgb(219,232,251) |
hsl(215,78%,92%) |
#c4daf8 |
rgb(196,218,248) |
hsl(215,78%,87%) |
#adcbf5 |
rgb(173,203,245) |
hsl(215,78%,82%) |
#97bdf2 |
rgb(151,189,242) |
hsl(215,78%,77%) |
#80aeef |
rgb(128,174,239) |
hsl(215,78%,72%) |
#69a0ec |
rgb(105,160,236) |
hsl(215,78%,67%) |
#5392ea |
rgb(83,146,234) |
hsl(215,78%,62%) |
#3c83e7 |
rgb(60,131,231) |
hsl(215,78%,57%) |
#2575e4 |
rgb(37,117,228) |
hsl(215,78%,52%) |
#1a68d5 |
rgb(26,104,213) |
hsl(215,78%,47%) |
#185dbf |
rgb(24,93,191) |
hsl(215,78%,42%) |
#1552a8 |
rgb(21,82,168) |
hsl(215,78%,37%) |
#124791 |
rgb(18,71,145) |
hsl(215,78%,32%) |
#0f3c7b |
rgb(15,60,123) |
hsl(215,78%,27%) |
#0c3164 |
rgb(12,49,100) |
hsl(215,78%,22%) |
#0a264d |
rgb(10,38,77) |
hsl(215,78%,17%) |
#071b36 |
rgb(7,27,54) |
hsl(215,78%,12%) |
#041020 |
rgb(4,16,32) |
hsl(215,78%,7%) |
#010409 |
rgb(1,4,9) |
hsl(215,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE8D9 |
rgb(59,232,217) |
hsl(175,79%,57%) |
#3B82E7 |
rgb(59,130,231) |
hsl(215,78%,57%) |
#663BE7 |
rgb(102,59,231) |
hsl(255,78%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DB8F1 |
rgb(141,184,241) |
hsl(214,78%,75%) |
#649CEC |
rgb(100,156,236) |
hsl(215,78%,66%) |
#3B82E7 |
rgb(59,130,231) |
hsl(215,78%,57%) |
#1A69D9 |
rgb(26,105,217) |
hsl(215,79%,48%) |
#1554AF |
rgb(21,84,175) |
hsl(215,79%,38%) |
#104286 |
rgb(16,66,134) |
hsl(215,79%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82E7 |
rgb(59,130,231) |
hsl(215,78%,57%) |
#E74A3B |
rgb(231,74,59) |
hsl(5,78%,57%) |
#D8E83B |
rgb(216,232,59) |
hsl(66,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82E7 |
rgb(59,130,231) |
hsl(215,78%,57%) |
#E7A13B |
rgb(231,161,59) |
hsl(36,78%,57%) |
#3BD9E7 |
rgb(59,217,231) |
hsl(185,78%,57%) |
#D8E83B |
rgb(216,232,59) |
hsl(66,79%,57%) |