HEX #3F7AE5 color — Royal Blue
The color #3F7AE5 is a dark shade and moderately saturated.
Palette
3F7AE5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,76%,97%) |
#dbe6fa |
rgb(219,230,250) |
hsl(219,76%,92%) |
#c5d6f7 |
rgb(197,214,247) |
hsl(219,76%,87%) |
#aec7f4 |
rgb(174,199,244) |
hsl(219,76%,82%) |
#98b7f1 |
rgb(152,183,241) |
hsl(219,76%,77%) |
#81a7ee |
rgb(129,167,238) |
hsl(219,76%,72%) |
#6b98eb |
rgb(107,152,235) |
hsl(219,76%,67%) |
#5488e8 |
rgb(84,136,232) |
hsl(219,76%,62%) |
#3e78e5 |
rgb(62,120,229) |
hsl(219,76%,57%) |
#2869e2 |
rgb(40,105,226) |
hsl(219,76%,52%) |
#1d5dd3 |
rgb(29,93,211) |
hsl(219,76%,47%) |
#1a53bc |
rgb(26,83,188) |
hsl(219,76%,42%) |
#1749a6 |
rgb(23,73,166) |
hsl(219,76%,37%) |
#143f90 |
rgb(20,63,144) |
hsl(219,76%,32%) |
#113579 |
rgb(17,53,121) |
hsl(219,76%,27%) |
#0d2b63 |
rgb(13,43,99) |
hsl(219,76%,22%) |
#0a214c |
rgb(10,33,76) |
hsl(219,76%,17%) |
#071836 |
rgb(7,24,54) |
hsl(219,76%,12%) |
#040e1f |
rgb(4,14,31) |
hsl(219,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(219,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FE6E1 |
rgb(63,230,225) |
hsl(178,77%,57%) |
#3F7AE5 |
rgb(63,122,229) |
hsl(219,76%,57%) |
#7240E5 |
rgb(114,64,229) |
hsl(258,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91B3F0 |
rgb(145,179,240) |
hsl(219,76%,75%) |
#6896EA |
rgb(104,150,234) |
hsl(219,76%,66%) |
#3F7AE5 |
rgb(63,122,229) |
hsl(219,76%,57%) |
#1D61D8 |
rgb(29,97,216) |
hsl(218,76%,48%) |
#174DAE |
rgb(23,77,174) |
hsl(219,77%,39%) |
#123B85 |
rgb(18,59,133) |
hsl(219,76%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F7AE5 |
rgb(63,122,229) |
hsl(219,76%,57%) |
#E5573F |
rgb(229,87,63) |
hsl(9,76%,57%) |
#CDE63F |
rgb(205,230,63) |
hsl(69,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F7AE5 |
rgb(63,122,229) |
hsl(219,76%,57%) |
#E5AB3F |
rgb(229,171,63) |
hsl(39,76%,57%) |
#3FCCE5 |
rgb(63,204,229) |
hsl(189,76%,57%) |
#CDE63F |
rgb(205,230,63) |
hsl(69,77%,57%) |