HEX #3E6BF4 color — Royal Blue
The color #3E6BF4 is a dark shade and moderately saturated.
Palette
3E6BF4 color palette from light to dark
HEX |
RGB |
HSL |
#e7edfe |
rgb(231,237,254) |
hsl(225,89%,95%) |
#cfdafc |
rgb(207,218,252) |
hsl(225,89%,90%) |
#b7c8fb |
rgb(183,200,251) |
hsl(225,89%,85%) |
#9fb5f9 |
rgb(159,181,249) |
hsl(225,89%,80%) |
#87a3f8 |
rgb(135,163,248) |
hsl(225,89%,75%) |
#6e90f7 |
rgb(110,144,247) |
hsl(225,89%,70%) |
#567ef5 |
rgb(86,126,245) |
hsl(225,89%,65%) |
#3e6cf4 |
rgb(62,108,244) |
hsl(225,89%,60%) |
#2659f2 |
rgb(38,89,242) |
hsl(225,89%,55%) |
#0e47f1 |
rgb(14,71,241) |
hsl(225,89%,50%) |
#0d40d9 |
rgb(13,64,217) |
hsl(225,89%,45%) |
#0b39c1 |
rgb(11,57,193) |
hsl(225,89%,40%) |
#0a32a9 |
rgb(10,50,169) |
hsl(225,89%,35%) |
#082a91 |
rgb(8,42,145) |
hsl(225,89%,30%) |
#072378 |
rgb(7,35,120) |
hsl(225,89%,25%) |
#061c60 |
rgb(6,28,96) |
hsl(225,89%,20%) |
#041548 |
rgb(4,21,72) |
hsl(225,89%,15%) |
#030e30 |
rgb(3,14,48) |
hsl(225,89%,10%) |
#010718 |
rgb(1,7,24) |
hsl(225,89%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3EE6F4 |
rgb(62,230,244) |
hsl(185,89%,60%) |
#3E6BF4 |
rgb(62,107,244) |
hsl(225,89%,60%) |
#8A3DF4 |
rgb(138,61,244) |
hsl(265,89%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#C8D6FB |
rgb(200,214,251) |
hsl(224,86%,88%) |
#9AB3F9 |
rgb(154,179,249) |
hsl(224,89%,79%) |
#6C8FF6 |
rgb(108,143,246) |
hsl(225,88%,69%) |
#3E6BF4 |
rgb(62,107,244) |
hsl(225,89%,60%) |
#0F47F1 |
rgb(15,71,241) |
hsl(225,89%,50%) |
#0B38C4 |
rgb(11,56,196) |
hsl(225,89%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#3E6BF4 |
rgb(62,107,244) |
hsl(225,89%,60%) |
#F46B3E |
rgb(244,107,62) |
hsl(15,89%,60%) |
#C6F53E |
rgb(198,245,62) |
hsl(75,90%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3E6BF4 |
rgb(62,107,244) |
hsl(225,89%,60%) |
#F4C73E |
rgb(244,199,62) |
hsl(45,89%,60%) |
#3EC7F4 |
rgb(62,199,244) |
hsl(195,89%,60%) |
#C6F53E |
rgb(198,245,62) |
hsl(75,90%,60%) |