HEX #3F80E6 color — Royal Blue
The color #3F80E6 is a dark shade and moderately saturated.
Palette
3F80E6 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fd |
rgb(241,246,253) |
hsl(217,77%,97%) |
#dbe7fa |
rgb(219,231,250) |
hsl(217,77%,92%) |
#c4d8f7 |
rgb(196,216,247) |
hsl(217,77%,87%) |
#aec9f4 |
rgb(174,201,244) |
hsl(217,77%,82%) |
#97baf2 |
rgb(151,186,242) |
hsl(217,77%,77%) |
#81abef |
rgb(129,171,239) |
hsl(217,77%,72%) |
#6a9cec |
rgb(106,156,236) |
hsl(217,77%,67%) |
#538de9 |
rgb(83,141,233) |
hsl(217,77%,62%) |
#3d7ee6 |
rgb(61,126,230) |
hsl(217,77%,57%) |
#266fe3 |
rgb(38,111,227) |
hsl(217,77%,52%) |
#1c62d4 |
rgb(28,98,212) |
hsl(217,77%,47%) |
#1958be |
rgb(25,88,190) |
hsl(217,77%,42%) |
#164da7 |
rgb(22,77,167) |
hsl(217,77%,37%) |
#134390 |
rgb(19,67,144) |
hsl(217,77%,32%) |
#10387a |
rgb(16,56,122) |
hsl(217,77%,27%) |
#0d2e63 |
rgb(13,46,99) |
hsl(217,77%,22%) |
#0a244d |
rgb(10,36,77) |
hsl(217,77%,17%) |
#071936 |
rgb(7,25,54) |
hsl(217,77%,12%) |
#040f20 |
rgb(4,15,32) |
hsl(217,77%,7%) |
#010409 |
rgb(1,4,9) |
hsl(217,77%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE6DC |
rgb(63,230,220) |
hsl(176,77%,57%) |
#3F80E6 |
rgb(63,128,230) |
hsl(217,77%,57%) |
#6D40E6 |
rgb(109,64,230) |
hsl(256,77%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91B8F0 |
rgb(145,184,240) |
hsl(215,76%,75%) |
#689CEB |
rgb(104,156,235) |
hsl(216,77%,66%) |
#3F80E6 |
rgb(63,128,230) |
hsl(217,77%,57%) |
#1C66D9 |
rgb(28,102,217) |
hsl(217,77%,48%) |
#1652B0 |
rgb(22,82,176) |
hsl(217,78%,39%) |
#114086 |
rgb(17,64,134) |
hsl(216,77%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F80E6 |
rgb(63,128,230) |
hsl(217,77%,57%) |
#E6523F |
rgb(230,82,63) |
hsl(7,77%,57%) |
#D3E63F |
rgb(211,230,63) |
hsl(67,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F80E6 |
rgb(63,128,230) |
hsl(217,77%,57%) |
#E6A63F |
rgb(230,166,63) |
hsl(37,77%,57%) |
#3FD4E6 |
rgb(63,212,230) |
hsl(186,77%,57%) |
#D3E63F |
rgb(211,230,63) |
hsl(67,77%,57%) |