HEX #457AC4 color — Indigo
The color #457AC4 is a dark shade and moderately saturated.
Palette
457AC4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(215,52%,97%) |
#e0e9f5 |
rgb(224,233,245) |
hsl(215,52%,92%) |
#cddbef |
rgb(205,219,239) |
hsl(215,52%,87%) |
#b9cde9 |
rgb(185,205,233) |
hsl(215,52%,82%) |
#a6bfe3 |
rgb(166,191,227) |
hsl(215,52%,77%) |
#92b1dd |
rgb(146,177,221) |
hsl(215,52%,72%) |
#7fa4d7 |
rgb(127,164,215) |
hsl(215,52%,67%) |
#6c96d0 |
rgb(108,150,208) |
hsl(215,52%,62%) |
#5888ca |
rgb(88,136,202) |
hsl(215,52%,57%) |
#457ac4 |
rgb(69,122,196) |
hsl(215,52%,52%) |
#3a6db6 |
rgb(58,109,182) |
hsl(215,52%,47%) |
#3362a3 |
rgb(51,98,163) |
hsl(215,52%,42%) |
#2d568f |
rgb(45,86,143) |
hsl(215,52%,37%) |
#274b7c |
rgb(39,75,124) |
hsl(215,52%,32%) |
#213f69 |
rgb(33,63,105) |
hsl(215,52%,27%) |
#1b3355 |
rgb(27,51,85) |
hsl(215,52%,22%) |
#152842 |
rgb(21,40,66) |
hsl(215,52%,17%) |
#0f1c2f |
rgb(15,28,47) |
hsl(215,52%,12%) |
#09101b |
rgb(9,16,27) |
hsl(215,52%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C4B9 |
rgb(69,196,185) |
hsl(175,52%,52%) |
#457AC4 |
rgb(69,122,196) |
hsl(215,52%,52%) |
#6445C4 |
rgb(100,69,196) |
hsl(255,52%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A8D8 |
rgb(133,168,216) |
hsl(215,52%,68%) |
#6591CE |
rgb(101,145,206) |
hsl(215,52%,60%) |
#457AC4 |
rgb(69,122,196) |
hsl(215,52%,52%) |
#3566A8 |
rgb(53,102,168) |
hsl(214,52%,43%) |
#2B5288 |
rgb(43,82,136) |
hsl(215,52%,35%) |
#214068 |
rgb(33,64,104) |
hsl(214,52%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#457AC4 |
rgb(69,122,196) |
hsl(215,52%,52%) |
#C44F45 |
rgb(196,79,69) |
hsl(5,52%,52%) |
#B9C445 |
rgb(185,196,69) |
hsl(65,52%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#457AC4 |
rgb(69,122,196) |
hsl(215,52%,52%) |
#C48F45 |
rgb(196,143,69) |
hsl(35,52%,52%) |
#45BAC4 |
rgb(69,186,196) |
hsl(185,52%,52%) |
#B9C445 |
rgb(185,196,69) |
hsl(65,52%,52%) |