HEX #3C70F2 color — Royal Blue
The color #3C70F2 is a dark shade and moderately saturated.
Palette
3C70F2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(223,88%,99%) |
#e2eafd |
rgb(226,234,253) |
hsl(223,88%,94%) |
#cad8fc |
rgb(202,216,252) |
hsl(223,88%,89%) |
#b2c7fa |
rgb(178,199,250) |
hsl(223,88%,84%) |
#9ab5f9 |
rgb(154,181,249) |
hsl(223,88%,79%) |
#82a3f7 |
rgb(130,163,247) |
hsl(223,88%,74%) |
#6a92f6 |
rgb(106,146,246) |
hsl(223,88%,69%) |
#5280f4 |
rgb(82,128,244) |
hsl(223,88%,64%) |
#3a6ff2 |
rgb(58,111,242) |
hsl(223,88%,59%) |
#225df1 |
rgb(34,93,241) |
hsl(223,88%,54%) |
#0f4deb |
rgb(15,77,235) |
hsl(223,88%,49%) |
#0d45d3 |
rgb(13,69,211) |
hsl(223,88%,44%) |
#0c3ebb |
rgb(12,62,187) |
hsl(223,88%,39%) |
#0a36a3 |
rgb(10,54,163) |
hsl(223,88%,34%) |
#092e8b |
rgb(9,46,139) |
hsl(223,88%,29%) |
#072673 |
rgb(7,38,115) |
hsl(223,88%,24%) |
#061e5b |
rgb(6,30,91) |
hsl(223,88%,19%) |
#041643 |
rgb(4,22,67) |
hsl(223,88%,14%) |
#030e2b |
rgb(3,14,43) |
hsl(223,88%,9%) |
#010613 |
rgb(1,6,19) |
hsl(223,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CEBF2 |
rgb(60,235,242) |
hsl(182,88%,59%) |
#3C70F2 |
rgb(60,112,242) |
hsl(223,88%,59%) |
#813DF2 |
rgb(129,61,242) |
hsl(263,87%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B3F8 |
rgb(150,179,248) |
hsl(222,88%,78%) |
#6991F5 |
rgb(105,145,245) |
hsl(223,88%,69%) |
#3C70F2 |
rgb(60,112,242) |
hsl(223,88%,59%) |
#0F4FED |
rgb(15,79,237) |
hsl(223,88%,49%) |
#0C40C0 |
rgb(12,64,192) |
hsl(223,88%,40%) |
#093093 |
rgb(9,48,147) |
hsl(223,88%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C70F2 |
rgb(60,112,242) |
hsl(223,88%,59%) |
#F2633C |
rgb(242,99,60) |
hsl(13,88%,59%) |
#CBF23C |
rgb(203,242,60) |
hsl(73,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C70F2 |
rgb(60,112,242) |
hsl(223,88%,59%) |
#F2BF3C |
rgb(242,191,60) |
hsl(43,88%,59%) |
#3CCCF2 |
rgb(60,204,242) |
hsl(193,88%,59%) |
#CBF23C |
rgb(203,242,60) |
hsl(73,88%,59%) |