HEX #457DC5 color — Indigo
The color #457DC5 is a dark shade and moderately saturated.
Palette
457DC5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(214,52%,97%) |
#e0e9f5 |
rgb(224,233,245) |
hsl(214,52%,92%) |
#cddcef |
rgb(205,220,239) |
hsl(214,52%,87%) |
#b9cee9 |
rgb(185,206,233) |
hsl(214,52%,82%) |
#a6c0e3 |
rgb(166,192,227) |
hsl(214,52%,77%) |
#92b3dd |
rgb(146,179,221) |
hsl(214,52%,72%) |
#7fa5d7 |
rgb(127,165,215) |
hsl(214,52%,67%) |
#6c97d0 |
rgb(108,151,208) |
hsl(214,52%,62%) |
#588aca |
rgb(88,138,202) |
hsl(214,52%,57%) |
#457cc4 |
rgb(69,124,196) |
hsl(214,52%,52%) |
#3a70b6 |
rgb(58,112,182) |
hsl(214,52%,47%) |
#3364a3 |
rgb(51,100,163) |
hsl(214,52%,42%) |
#2d588f |
rgb(45,88,143) |
hsl(214,52%,37%) |
#274c7c |
rgb(39,76,124) |
hsl(214,52%,32%) |
#214069 |
rgb(33,64,105) |
hsl(214,52%,27%) |
#1b3455 |
rgb(27,52,85) |
hsl(214,52%,22%) |
#152842 |
rgb(21,40,66) |
hsl(214,52%,17%) |
#0f1c2f |
rgb(15,28,47) |
hsl(214,52%,12%) |
#09111b |
rgb(9,17,27) |
hsl(214,52%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C4B7 |
rgb(69,196,183) |
hsl(174,52%,52%) |
#457DC5 |
rgb(69,125,197) |
hsl(214,52%,52%) |
#6245C5 |
rgb(98,69,197) |
hsl(254,52%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85ABD9 |
rgb(133,171,217) |
hsl(213,53%,69%) |
#6594CF |
rgb(101,148,207) |
hsl(213,52%,60%) |
#457DC5 |
rgb(69,125,197) |
hsl(214,52%,52%) |
#3569AA |
rgb(53,105,170) |
hsl(213,52%,44%) |
#2B5489 |
rgb(43,84,137) |
hsl(214,52%,35%) |
#204069 |
rgb(32,64,105) |
hsl(214,53%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#457DC5 |
rgb(69,125,197) |
hsl(214,52%,52%) |
#C54D45 |
rgb(197,77,69) |
hsl(4,52%,52%) |
#BDC445 |
rgb(189,196,69) |
hsl(63,52%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#457DC5 |
rgb(69,125,197) |
hsl(214,52%,52%) |
#C58C45 |
rgb(197,140,69) |
hsl(33,52%,52%) |
#45BDC5 |
rgb(69,189,197) |
hsl(184,52%,52%) |
#BDC445 |
rgb(189,196,69) |
hsl(63,52%,52%) |