HEX #545AD4 color — Indigo
The color #545ad4 is a dark shade and moderately saturated.
Palette
545ad4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(237,60%,98%) |
#e2e4f8 |
rgb(226,228,248) |
hsl(237,60%,93%) |
#ced0f3 |
rgb(206,208,243) |
hsl(237,60%,88%) |
#babcee |
rgb(186,188,238) |
hsl(237,60%,83%) |
#a5a9e9 |
rgb(165,169,233) |
hsl(237,60%,78%) |
#9195e3 |
rgb(145,149,227) |
hsl(237,60%,73%) |
#7c81de |
rgb(124,129,222) |
hsl(237,60%,68%) |
#686ed9 |
rgb(104,110,217) |
hsl(237,60%,63%) |
#545ad4 |
rgb(84,90,212) |
hsl(237,60%,58%) |
#3f46cf |
rgb(63,70,207) |
hsl(237,60%,53%) |
#3138c4 |
rgb(49,56,196) |
hsl(237,60%,48%) |
#2c32af |
rgb(44,50,175) |
hsl(237,60%,43%) |
#272d9b |
rgb(39,45,155) |
hsl(237,60%,38%) |
#222787 |
rgb(34,39,135) |
hsl(237,60%,33%) |
#1d2172 |
rgb(29,33,114) |
hsl(237,60%,28%) |
#171b5e |
rgb(23,27,94) |
hsl(237,60%,23%) |
#121549 |
rgb(18,21,73) |
hsl(237,60%,18%) |
#0d0f35 |
rgb(13,15,53) |
hsl(237,60%,13%) |
#080921 |
rgb(8,9,33) |
hsl(237,60%,8%) |
#03040c |
rgb(3,4,12) |
hsl(237,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54B0D4 |
rgb(84,176,212) |
hsl(197,60%,58%) |
#545AD4 |
rgb(84,90,212) |
hsl(237,60%,58%) |
#A354D4 |
rgb(163,84,212) |
hsl(277,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FA3E7 |
rgb(159,163,231) |
hsl(237,60%,76%) |
#7980DD |
rgb(121,128,221) |
hsl(236,60%,67%) |
#545AD4 |
rgb(84,90,212) |
hsl(237,60%,58%) |
#3138C6 |
rgb(49,56,198) |
hsl(237,60%,48%) |
#282EA0 |
rgb(40,46,160) |
hsl(237,60%,39%) |
#1E247A |
rgb(30,36,122) |
hsl(236,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#545AD4 |
rgb(84,90,212) |
hsl(237,60%,58%) |
#D48F54 |
rgb(212,143,84) |
hsl(28,60%,58%) |
#9AD454 |
rgb(154,212,84) |
hsl(87,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#545AD4 |
rgb(84,90,212) |
hsl(237,60%,58%) |
#D4CF54 |
rgb(212,207,84) |
hsl(58,60%,58%) |
#5499D4 |
rgb(84,153,212) |
hsl(208,60%,58%) |
#9AD454 |
rgb(154,212,84) |
hsl(87,60%,58%) |