HEX #3A6DEE color — Royal Blue
The color #3a6dee is a dark shade and moderately saturated.
Palette
3a6dee color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(223,84%,98%) |
#dee7fc |
rgb(222,231,252) |
hsl(223,84%,93%) |
#c7d5fa |
rgb(199,213,250) |
hsl(223,84%,88%) |
#afc4f8 |
rgb(175,196,248) |
hsl(223,84%,83%) |
#98b2f6 |
rgb(152,178,246) |
hsl(223,84%,78%) |
#80a1f4 |
rgb(128,161,244) |
hsl(223,84%,73%) |
#6990f2 |
rgb(105,144,242) |
hsl(223,84%,68%) |
#517ef0 |
rgb(81,126,240) |
hsl(223,84%,63%) |
#3a6dee |
rgb(58,109,238) |
hsl(223,84%,58%) |
#225cec |
rgb(34,92,236) |
hsl(223,84%,53%) |
#144ee1 |
rgb(20,78,225) |
hsl(223,84%,48%) |
#1246ca |
rgb(18,70,202) |
hsl(223,84%,43%) |
#103eb2 |
rgb(16,62,178) |
hsl(223,84%,38%) |
#0d369b |
rgb(13,54,155) |
hsl(223,84%,33%) |
#0b2d83 |
rgb(11,45,131) |
hsl(223,84%,28%) |
#09256c |
rgb(9,37,108) |
hsl(223,84%,23%) |
#071d54 |
rgb(7,29,84) |
hsl(223,84%,18%) |
#05153d |
rgb(5,21,61) |
hsl(223,84%,13%) |
#030d26 |
rgb(3,13,38) |
hsl(223,84%,8%) |
#01050e |
rgb(1,5,14) |
hsl(223,84%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE6EE |
rgb(58,230,238) |
hsl(183,84%,58%) |
#3A6DEE |
rgb(58,109,238) |
hsl(223,84%,58%) |
#7F3BEE |
rgb(127,59,238) |
hsl(263,84%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91ADF5 |
rgb(145,173,245) |
hsl(223,83%,76%) |
#658CF1 |
rgb(101,140,241) |
hsl(223,83%,67%) |
#3A6DEE |
rgb(58,109,238) |
hsl(223,84%,58%) |
#134FE4 |
rgb(19,79,228) |
hsl(223,85%,48%) |
#0F40B9 |
rgb(15,64,185) |
hsl(223,85%,39%) |
#0C308D |
rgb(12,48,141) |
hsl(223,84%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6DEE |
rgb(58,109,238) |
hsl(223,84%,58%) |
#EE613A |
rgb(238,97,58) |
hsl(13,84%,58%) |
#C7ED3A |
rgb(199,237,58) |
hsl(73,83%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6DEE |
rgb(58,109,238) |
hsl(223,84%,58%) |
#EEBA3A |
rgb(238,186,58) |
hsl(43,84%,58%) |
#3AC7EE |
rgb(58,199,238) |
hsl(193,84%,58%) |
#C7ED3A |
rgb(199,237,58) |
hsl(73,83%,58%) |