HEX #3A86E9 color — Royal Blue
The color #3a86e9 is a light shade and moderately saturated.
Palette
3a86e9 color palette from light to dark
HEX |
RGB |
HSL |
#f1f7fd |
rgb(241,247,253) |
hsl(214,80%,97%) |
#dae8fb |
rgb(218,232,251) |
hsl(214,80%,92%) |
#c3daf8 |
rgb(195,218,248) |
hsl(214,80%,87%) |
#acccf6 |
rgb(172,204,246) |
hsl(214,80%,82%) |
#95bef3 |
rgb(149,190,243) |
hsl(214,80%,77%) |
#7eb0f1 |
rgb(126,176,241) |
hsl(214,80%,72%) |
#68a2ee |
rgb(104,162,238) |
hsl(214,80%,67%) |
#5194ec |
rgb(81,148,236) |
hsl(214,80%,62%) |
#3a86e9 |
rgb(58,134,233) |
hsl(214,80%,57%) |
#2378e7 |
rgb(35,120,231) |
hsl(214,80%,52%) |
#186bd8 |
rgb(24,107,216) |
hsl(214,80%,47%) |
#1560c1 |
rgb(21,96,193) |
hsl(214,80%,42%) |
#1354aa |
rgb(19,84,170) |
hsl(214,80%,37%) |
#104993 |
rgb(16,73,147) |
hsl(214,80%,32%) |
#0e3e7c |
rgb(14,62,124) |
hsl(214,80%,27%) |
#0b3265 |
rgb(11,50,101) |
hsl(214,80%,22%) |
#09274e |
rgb(9,39,78) |
hsl(214,80%,17%) |
#061b37 |
rgb(6,27,55) |
hsl(214,80%,12%) |
#041020 |
rgb(4,16,32) |
hsl(214,80%,7%) |
#010509 |
rgb(1,5,9) |
hsl(214,80%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE8D7 |
rgb(58,232,215) |
hsl(174,79%,57%) |
#3A86E9 |
rgb(58,134,233) |
hsl(214,80%,57%) |
#623BE9 |
rgb(98,59,233) |
hsl(253,80%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DBAF2 |
rgb(141,186,242) |
hsl(213,80%,75%) |
#63A1ED |
rgb(99,161,237) |
hsl(213,79%,66%) |
#3A86E9 |
rgb(58,134,233) |
hsl(214,80%,57%) |
#186EDB |
rgb(24,110,219) |
hsl(214,80%,48%) |
#1359B2 |
rgb(19,89,178) |
hsl(214,81%,39%) |
#0F4588 |
rgb(15,69,136) |
hsl(213,80%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A86E9 |
rgb(58,134,233) |
hsl(214,80%,57%) |
#E9453A |
rgb(233,69,58) |
hsl(4,80%,57%) |
#DDE83A |
rgb(221,232,58) |
hsl(64,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A86E9 |
rgb(58,134,233) |
hsl(214,80%,57%) |
#E99E3A |
rgb(233,158,58) |
hsl(34,80%,57%) |
#3ADEE9 |
rgb(58,222,233) |
hsl(184,80%,57%) |
#DDE83A |
rgb(221,232,58) |
hsl(64,79%,57%) |