HEX #3A6EF0 color — Royal Blue
The color #3A6EF0 is a dark shade and moderately saturated.
Palette
3A6EF0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(223,86%,98%) |
#dee6fd |
rgb(222,230,253) |
hsl(223,86%,93%) |
#c6d5fb |
rgb(198,213,251) |
hsl(223,86%,88%) |
#aec3f9 |
rgb(174,195,249) |
hsl(223,86%,83%) |
#97b2f7 |
rgb(151,178,247) |
hsl(223,86%,78%) |
#7fa0f5 |
rgb(127,160,245) |
hsl(223,86%,73%) |
#678ff4 |
rgb(103,143,244) |
hsl(223,86%,68%) |
#507df2 |
rgb(80,125,242) |
hsl(223,86%,63%) |
#386cf0 |
rgb(56,108,240) |
hsl(223,86%,58%) |
#205aee |
rgb(32,90,238) |
hsl(223,86%,53%) |
#114de4 |
rgb(17,77,228) |
hsl(223,86%,48%) |
#0f45cc |
rgb(15,69,204) |
hsl(223,86%,43%) |
#0e3db4 |
rgb(14,61,180) |
hsl(223,86%,38%) |
#0c359d |
rgb(12,53,157) |
hsl(223,86%,33%) |
#0a2d85 |
rgb(10,45,133) |
hsl(223,86%,28%) |
#08256d |
rgb(8,37,109) |
hsl(223,86%,23%) |
#061d55 |
rgb(6,29,85) |
hsl(223,86%,18%) |
#05153e |
rgb(5,21,62) |
hsl(223,86%,13%) |
#030d26 |
rgb(3,13,38) |
hsl(223,86%,8%) |
#01050e |
rgb(1,5,14) |
hsl(223,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE8F0 |
rgb(58,232,240) |
hsl(183,86%,58%) |
#3A6EF0 |
rgb(58,110,240) |
hsl(223,86%,58%) |
#7F3BF0 |
rgb(127,59,240) |
hsl(263,86%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92B0F6 |
rgb(146,176,246) |
hsl(222,85%,77%) |
#668FF3 |
rgb(102,143,243) |
hsl(223,85%,68%) |
#3A6EF0 |
rgb(58,110,240) |
hsl(223,86%,58%) |
#114FE8 |
rgb(17,79,232) |
hsl(223,86%,49%) |
#0E40BC |
rgb(14,64,188) |
hsl(223,86%,40%) |
#0A308F |
rgb(10,48,143) |
hsl(223,87%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6EF0 |
rgb(58,110,240) |
hsl(223,86%,58%) |
#F0613A |
rgb(240,97,58) |
hsl(13,86%,58%) |
#C9F03A |
rgb(201,240,58) |
hsl(73,86%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6EF0 |
rgb(58,110,240) |
hsl(223,86%,58%) |
#F0BD3A |
rgb(240,189,58) |
hsl(43,86%,58%) |
#3AC9F0 |
rgb(58,201,240) |
hsl(193,86%,58%) |
#C9F03A |
rgb(201,240,58) |
hsl(73,86%,58%) |