HEX #3F70E5 color — Royal Blue
The color #3F70E5 is a dark shade and moderately saturated.
Palette
3F70E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(222,76%,97%) |
#dbe4fa |
rgb(219,228,250) |
hsl(222,76%,92%) |
#c5d4f7 |
rgb(197,212,247) |
hsl(222,76%,87%) |
#aec3f4 |
rgb(174,195,244) |
hsl(222,76%,82%) |
#98b3f1 |
rgb(152,179,241) |
hsl(222,76%,77%) |
#81a2ee |
rgb(129,162,238) |
hsl(222,76%,72%) |
#6b91eb |
rgb(107,145,235) |
hsl(222,76%,67%) |
#5481e8 |
rgb(84,129,232) |
hsl(222,76%,62%) |
#3e70e5 |
rgb(62,112,229) |
hsl(222,76%,57%) |
#285fe2 |
rgb(40,95,226) |
hsl(222,76%,52%) |
#1d53d3 |
rgb(29,83,211) |
hsl(222,76%,47%) |
#1a4bbc |
rgb(26,75,188) |
hsl(222,76%,42%) |
#1742a6 |
rgb(23,66,166) |
hsl(222,76%,37%) |
#143990 |
rgb(20,57,144) |
hsl(222,76%,32%) |
#113079 |
rgb(17,48,121) |
hsl(222,76%,27%) |
#0d2763 |
rgb(13,39,99) |
hsl(222,76%,22%) |
#0a1e4c |
rgb(10,30,76) |
hsl(222,76%,17%) |
#071536 |
rgb(7,21,54) |
hsl(222,76%,12%) |
#040c1f |
rgb(4,12,31) |
hsl(222,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(222,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FDEE5 |
rgb(63,222,229) |
hsl(183,76%,57%) |
#3F70E5 |
rgb(63,112,229) |
hsl(222,76%,57%) |
#7C40E5 |
rgb(124,64,229) |
hsl(262,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91ADF0 |
rgb(145,173,240) |
hsl(222,76%,75%) |
#688FEA |
rgb(104,143,234) |
hsl(222,76%,66%) |
#3F70E5 |
rgb(63,112,229) |
hsl(222,76%,57%) |
#1D54D8 |
rgb(29,84,216) |
hsl(222,76%,48%) |
#1745AE |
rgb(23,69,174) |
hsl(222,77%,39%) |
#123385 |
rgb(18,51,133) |
hsl(223,76%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70E5 |
rgb(63,112,229) |
hsl(222,76%,57%) |
#E5613F |
rgb(229,97,63) |
hsl(12,76%,57%) |
#C3E63F |
rgb(195,230,63) |
hsl(73,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70E5 |
rgb(63,112,229) |
hsl(222,76%,57%) |
#E5B53F |
rgb(229,181,63) |
hsl(43,76%,57%) |
#3FC2E5 |
rgb(63,194,229) |
hsl(193,76%,57%) |
#C3E63F |
rgb(195,230,63) |
hsl(73,77%,57%) |