HEX #3F80E5 color — Royal Blue
The color #3F80E5 is a dark shade and moderately saturated.
Palette
3F80E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(217,76%,97%) |
#dbe7fa |
rgb(219,231,250) |
hsl(217,76%,92%) |
#c5d8f7 |
rgb(197,216,247) |
hsl(217,76%,87%) |
#aec9f4 |
rgb(174,201,244) |
hsl(217,76%,82%) |
#98baf1 |
rgb(152,186,241) |
hsl(217,76%,77%) |
#81abee |
rgb(129,171,238) |
hsl(217,76%,72%) |
#6b9ceb |
rgb(107,156,235) |
hsl(217,76%,67%) |
#548de8 |
rgb(84,141,232) |
hsl(217,76%,62%) |
#3e7ee5 |
rgb(62,126,229) |
hsl(217,76%,57%) |
#286fe2 |
rgb(40,111,226) |
hsl(217,76%,52%) |
#1d63d3 |
rgb(29,99,211) |
hsl(217,76%,47%) |
#1a58bc |
rgb(26,88,188) |
hsl(217,76%,42%) |
#174ea6 |
rgb(23,78,166) |
hsl(217,76%,37%) |
#144390 |
rgb(20,67,144) |
hsl(217,76%,32%) |
#113979 |
rgb(17,57,121) |
hsl(217,76%,27%) |
#0d2e63 |
rgb(13,46,99) |
hsl(217,76%,22%) |
#0a244c |
rgb(10,36,76) |
hsl(217,76%,17%) |
#071936 |
rgb(7,25,54) |
hsl(217,76%,12%) |
#040f1f |
rgb(4,15,31) |
hsl(217,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(217,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE6DB |
rgb(63,230,219) |
hsl(176,77%,57%) |
#3F80E5 |
rgb(63,128,229) |
hsl(217,76%,57%) |
#6C40E5 |
rgb(108,64,229) |
hsl(256,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91B8F0 |
rgb(145,184,240) |
hsl(215,76%,75%) |
#689CEA |
rgb(104,156,234) |
hsl(216,76%,66%) |
#3F80E5 |
rgb(63,128,229) |
hsl(217,76%,57%) |
#1D66D8 |
rgb(29,102,216) |
hsl(217,76%,48%) |
#1754AE |
rgb(23,84,174) |
hsl(216,77%,39%) |
#124085 |
rgb(18,64,133) |
hsl(216,76%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F80E5 |
rgb(63,128,229) |
hsl(217,76%,57%) |
#E5523F |
rgb(229,82,63) |
hsl(7,76%,57%) |
#D3E63F |
rgb(211,230,63) |
hsl(67,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F80E5 |
rgb(63,128,229) |
hsl(217,76%,57%) |
#E5A33F |
rgb(229,163,63) |
hsl(36,76%,57%) |
#3FD4E5 |
rgb(63,212,229) |
hsl(186,76%,57%) |
#D3E63F |
rgb(211,230,63) |
hsl(67,77%,57%) |