HEX #3E54B9 color — Indigo
The color #3E54B9 is a dark shade and moderately saturated.
Palette
3E54B9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fc |
rgb(247,248,252) |
hsl(229,50%,98%) |
#e4e7f6 |
rgb(228,231,246) |
hsl(229,50%,93%) |
#d1d7f0 |
rgb(209,215,240) |
hsl(229,50%,88%) |
#bec6e9 |
rgb(190,198,233) |
hsl(229,50%,83%) |
#abb5e3 |
rgb(171,181,227) |
hsl(229,50%,78%) |
#98a4dd |
rgb(152,164,221) |
hsl(229,50%,73%) |
#8594d6 |
rgb(133,148,214) |
hsl(229,50%,68%) |
#7183d0 |
rgb(113,131,208) |
hsl(229,50%,63%) |
#5e72c9 |
rgb(94,114,201) |
hsl(229,50%,58%) |
#4b61c3 |
rgb(75,97,195) |
hsl(229,50%,53%) |
#3d54b8 |
rgb(61,84,184) |
hsl(229,50%,48%) |
#374ba4 |
rgb(55,75,164) |
hsl(229,50%,43%) |
#304291 |
rgb(48,66,145) |
hsl(229,50%,38%) |
#2a3a7e |
rgb(42,58,126) |
hsl(229,50%,33%) |
#24316b |
rgb(36,49,107) |
hsl(229,50%,28%) |
#1d2858 |
rgb(29,40,88) |
hsl(229,50%,23%) |
#171f45 |
rgb(23,31,69) |
hsl(229,50%,18%) |
#111732 |
rgb(17,23,50) |
hsl(229,50%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(229,50%,8%) |
#04050b |
rgb(4,5,11) |
hsl(229,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3EA6B9 |
rgb(62,166,185) |
hsl(189,50%,48%) |
#3E54B9 |
rgb(62,84,185) |
hsl(229,50%,48%) |
#7A3DB9 |
rgb(122,61,185) |
hsl(270,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7585D0 |
rgb(117,133,208) |
hsl(229,49%,64%) |
#576BC6 |
rgb(87,107,198) |
hsl(229,49%,56%) |
#3E54B9 |
rgb(62,84,185) |
hsl(229,50%,48%) |
#34479B |
rgb(52,71,155) |
hsl(229,50%,41%) |
#2A387D |
rgb(42,56,125) |
hsl(230,50%,33%) |
#202B60 |
rgb(32,43,96) |
hsl(230,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3E54B9 |
rgb(62,84,185) |
hsl(229,50%,48%) |
#B9663E |
rgb(185,102,62) |
hsl(20,50%,48%) |
#91BA3E |
rgb(145,186,62) |
hsl(80,50%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3E54B9 |
rgb(62,84,185) |
hsl(229,50%,48%) |
#B9A33E |
rgb(185,163,62) |
hsl(49,50%,48%) |
#3E91B9 |
rgb(62,145,185) |
hsl(200,50%,48%) |
#91BA3E |
rgb(145,186,62) |
hsl(80,50%,49%) |