HEX #3A6FF2 color — Royal Blue
The color #3a6ff2 is a dark shade and moderately saturated.
Palette
3a6ff2 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 |
#3AEBF2 |
rgb(58,235,242) |
hsl(182,88%,59%) |
#3A6FF2 |
rgb(58,111,242) |
hsl(223,88%,59%) |
#7F3BF2 |
rgb(127,59,242) |
hsl(262,88%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94B0F7 |
rgb(148,176,247) |
hsl(223,86%,77%) |
#678FF4 |
rgb(103,143,244) |
hsl(223,87%,68%) |
#3A6FF2 |
rgb(58,111,242) |
hsl(223,88%,59%) |
#0F4FEC |
rgb(15,79,236) |
hsl(223,88%,49%) |
#0C40BF |
rgb(12,64,191) |
hsl(223,88%,40%) |
#093092 |
rgb(9,48,146) |
hsl(223,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6FF2 |
rgb(58,111,242) |
hsl(223,88%,59%) |
#F2613A |
rgb(242,97,58) |
hsl(13,88%,59%) |
#CBF23A |
rgb(203,242,58) |
hsl(73,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6FF2 |
rgb(58,111,242) |
hsl(223,88%,59%) |
#F2BD3A |
rgb(242,189,58) |
hsl(43,88%,59%) |
#3ACCF2 |
rgb(58,204,242) |
hsl(192,88%,59%) |
#CBF23A |
rgb(203,242,58) |
hsl(73,88%,59%) |