HEX #3E5CF4 color — Royal Blue
The color #3E5CF4 is a dark shade and moderately saturated.
Palette
3E5CF4 color palette from light to dark
HEX |
RGB |
HSL |
#e7ebfe |
rgb(231,235,254) |
hsl(230,89%,95%) |
#cfd6fc |
rgb(207,214,252) |
hsl(230,89%,90%) |
#b7c2fb |
rgb(183,194,251) |
hsl(230,89%,85%) |
#9faef9 |
rgb(159,174,249) |
hsl(230,89%,80%) |
#8799f8 |
rgb(135,153,248) |
hsl(230,89%,75%) |
#6e85f7 |
rgb(110,133,247) |
hsl(230,89%,70%) |
#5671f5 |
rgb(86,113,245) |
hsl(230,89%,65%) |
#3e5cf4 |
rgb(62,92,244) |
hsl(230,89%,60%) |
#2648f2 |
rgb(38,72,242) |
hsl(230,89%,55%) |
#0e34f1 |
rgb(14,52,241) |
hsl(230,89%,50%) |
#0d2fd9 |
rgb(13,47,217) |
hsl(230,89%,45%) |
#0b29c1 |
rgb(11,41,193) |
hsl(230,89%,40%) |
#0a24a9 |
rgb(10,36,169) |
hsl(230,89%,35%) |
#081f91 |
rgb(8,31,145) |
hsl(230,89%,30%) |
#071a78 |
rgb(7,26,120) |
hsl(230,89%,25%) |
#061560 |
rgb(6,21,96) |
hsl(230,89%,20%) |
#041048 |
rgb(4,16,72) |
hsl(230,89%,15%) |
#030a30 |
rgb(3,10,48) |
hsl(230,89%,10%) |
#010518 |
rgb(1,5,24) |
hsl(230,89%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ED6F4 |
rgb(62,214,244) |
hsl(190,89%,60%) |
#3E5CF4 |
rgb(62,92,244) |
hsl(230,89%,60%) |
#993DF4 |
rgb(153,61,244) |
hsl(270,89%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#C8D1FB |
rgb(200,209,251) |
hsl(229,86%,88%) |
#9AABF9 |
rgb(154,171,249) |
hsl(229,89%,79%) |
#6C82F6 |
rgb(108,130,246) |
hsl(230,88%,69%) |
#3E5CF4 |
rgb(62,92,244) |
hsl(230,89%,60%) |
#0F36F1 |
rgb(15,54,241) |
hsl(230,89%,50%) |
#0B29C4 |
rgb(11,41,196) |
hsl(230,89%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#3E5CF4 |
rgb(62,92,244) |
hsl(230,89%,60%) |
#F47A3E |
rgb(244,122,62) |
hsl(20,89%,60%) |
#B7F53E |
rgb(183,245,62) |
hsl(80,90%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3E5CF4 |
rgb(62,92,244) |
hsl(230,89%,60%) |
#F4D63E |
rgb(244,214,62) |
hsl(50,89%,60%) |
#3EB8F4 |
rgb(62,184,244) |
hsl(200,89%,60%) |
#B7F53E |
rgb(183,245,62) |
hsl(80,90%,60%) |