HEX #3C70E5 color — Royal Blue
The color #3C70E5 is a dark shade and moderately saturated.
Palette
3C70E5 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 |
#3CE0E5 |
rgb(60,224,229) |
hsl(182,76%,57%) |
#3C70E5 |
rgb(60,112,229) |
hsl(222,76%,57%) |
#783DE5 |
rgb(120,61,229) |
hsl(261,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DABEF |
rgb(141,171,239) |
hsl(222,75%,75%) |
#648FEA |
rgb(100,143,234) |
hsl(221,76%,65%) |
#3C70E5 |
rgb(60,112,229) |
hsl(222,76%,57%) |
#1C57D6 |
rgb(28,87,214) |
hsl(221,77%,47%) |
#1745AD |
rgb(23,69,173) |
hsl(222,77%,38%) |
#113684 |
rgb(17,54,132) |
hsl(221,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C70E5 |
rgb(60,112,229) |
hsl(222,76%,57%) |
#E55C3C |
rgb(229,92,60) |
hsl(11,76%,57%) |
#C4E63C |
rgb(196,230,60) |
hsl(72,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C70E5 |
rgb(60,112,229) |
hsl(222,76%,57%) |
#E5B03C |
rgb(229,176,60) |
hsl(41,76%,57%) |
#3CC4E5 |
rgb(60,196,229) |
hsl(192,76%,57%) |
#C4E63C |
rgb(196,230,60) |
hsl(72,77%,57%) |