HEX #3A85E9 color — Royal Blue
The color #3A85E9 is a dark shade and moderately saturated.
Palette
3A85E9 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 |
#3AE8D8 |
rgb(58,232,216) |
hsl(174,79%,57%) |
#3A85E9 |
rgb(58,133,233) |
hsl(214,80%,57%) |
#633BE9 |
rgb(99,59,233) |
hsl(254,80%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DBAF2 |
rgb(141,186,242) |
hsl(213,80%,75%) |
#639EED |
rgb(99,158,237) |
hsl(214,79%,66%) |
#3A85E9 |
rgb(58,133,233) |
hsl(214,80%,57%) |
#186BDB |
rgb(24,107,219) |
hsl(214,80%,48%) |
#1357B2 |
rgb(19,87,178) |
hsl(214,81%,39%) |
#0F4288 |
rgb(15,66,136) |
hsl(215,80%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A85E9 |
rgb(58,133,233) |
hsl(214,80%,57%) |
#E9473A |
rgb(233,71,58) |
hsl(4,80%,57%) |
#DCE83A |
rgb(220,232,58) |
hsl(64,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A85E9 |
rgb(58,133,233) |
hsl(214,80%,57%) |
#E99E3A |
rgb(233,158,58) |
hsl(34,80%,57%) |
#3ADBE9 |
rgb(58,219,233) |
hsl(185,80%,57%) |
#DCE83A |
rgb(220,232,58) |
hsl(64,79%,57%) |