HEX #457AC1 color — Indigo
The color #457AC1 is a dark shade and moderately saturated.
Palette
457AC1 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(214,50%,96%) |
#dde7f4 |
rgb(221,231,244) |
hsl(214,50%,91%) |
#c9d9ed |
rgb(201,217,237) |
hsl(214,50%,86%) |
#b6cbe7 |
rgb(182,203,231) |
hsl(214,50%,81%) |
#a3bee0 |
rgb(163,190,224) |
hsl(214,50%,76%) |
#90b0da |
rgb(144,176,218) |
hsl(214,50%,71%) |
#7da3d4 |
rgb(125,163,212) |
hsl(214,50%,66%) |
#6a95cd |
rgb(106,149,205) |
hsl(214,50%,61%) |
#5787c7 |
rgb(87,135,199) |
hsl(214,50%,56%) |
#447ac1 |
rgb(68,122,193) |
hsl(214,50%,51%) |
#3b6db0 |
rgb(59,109,176) |
hsl(214,50%,46%) |
#34629d |
rgb(52,98,157) |
hsl(214,50%,41%) |
#2e568a |
rgb(46,86,138) |
hsl(214,50%,36%) |
#284a77 |
rgb(40,74,119) |
hsl(214,50%,31%) |
#213e63 |
rgb(33,62,99) |
hsl(214,50%,26%) |
#1b3250 |
rgb(27,50,80) |
hsl(214,50%,21%) |
#14263d |
rgb(20,38,61) |
hsl(214,50%,16%) |
#0e1a2a |
rgb(14,26,42) |
hsl(214,50%,11%) |
#080e17 |
rgb(8,14,23) |
hsl(214,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C2B5 |
rgb(69,194,181) |
hsl(174,51%,52%) |
#457AC1 |
rgb(69,122,193) |
hsl(214,50%,51%) |
#6245C1 |
rgb(98,69,193) |
hsl(254,50%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6D5 |
rgb(131,166,213) |
hsl(214,49%,67%) |
#6491CB |
rgb(100,145,203) |
hsl(214,50%,59%) |
#457AC1 |
rgb(69,122,193) |
hsl(214,50%,51%) |
#3766A5 |
rgb(55,102,165) |
hsl(214,50%,43%) |
#2C5285 |
rgb(44,82,133) |
hsl(214,50%,35%) |
#224066 |
rgb(34,64,102) |
hsl(214,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#457AC1 |
rgb(69,122,193) |
hsl(214,50%,51%) |
#C14F45 |
rgb(193,79,69) |
hsl(5,50%,51%) |
#B8C245 |
rgb(184,194,69) |
hsl(65,51%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#457AC1 |
rgb(69,122,193) |
hsl(214,50%,51%) |
#C18C45 |
rgb(193,140,69) |
hsl(34,50%,51%) |
#45B8C1 |
rgb(69,184,193) |
hsl(184,50%,51%) |
#B8C245 |
rgb(184,194,69) |
hsl(65,51%,52%) |