HEX #4570D0 color — Indigo
The color #4570D0 is a dark shade and moderately saturated.
Palette
4570D0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,60%,99%) |
#e7ecf9 |
rgb(231,236,249) |
hsl(221,60%,94%) |
#d2ddf4 |
rgb(210,221,244) |
hsl(221,60%,89%) |
#becdef |
rgb(190,205,239) |
hsl(221,60%,84%) |
#a9beea |
rgb(169,190,234) |
hsl(221,60%,79%) |
#95aee4 |
rgb(149,174,228) |
hsl(221,60%,74%) |
#819fdf |
rgb(129,159,223) |
hsl(221,60%,69%) |
#6c8fda |
rgb(108,143,218) |
hsl(221,60%,64%) |
#587fd5 |
rgb(88,127,213) |
hsl(221,60%,59%) |
#4370d0 |
rgb(67,112,208) |
hsl(221,60%,54%) |
#3261c8 |
rgb(50,97,200) |
hsl(221,60%,49%) |
#2d58b4 |
rgb(45,88,180) |
hsl(221,60%,44%) |
#284e9f |
rgb(40,78,159) |
hsl(221,60%,39%) |
#23448b |
rgb(35,68,139) |
hsl(221,60%,34%) |
#1e3a76 |
rgb(30,58,118) |
hsl(221,60%,29%) |
#183062 |
rgb(24,48,98) |
hsl(221,60%,24%) |
#13264e |
rgb(19,38,78) |
hsl(221,60%,19%) |
#0e1c39 |
rgb(14,28,57) |
hsl(221,60%,14%) |
#091225 |
rgb(9,18,37) |
hsl(221,60%,9%) |
#040810 |
rgb(4,8,16) |
hsl(221,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#45CCD0 |
rgb(69,204,208) |
hsl(182,60%,54%) |
#4570D0 |
rgb(69,112,208) |
hsl(221,60%,54%) |
#7645D0 |
rgb(118,69,208) |
hsl(261,60%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BA6E1 |
rgb(139,166,225) |
hsl(221,59%,71%) |
#688CD8 |
rgb(104,140,216) |
hsl(221,59%,63%) |
#4570D0 |
rgb(69,112,208) |
hsl(221,60%,54%) |
#2E59B9 |
rgb(46,89,185) |
hsl(221,60%,45%) |
#264A96 |
rgb(38,74,150) |
hsl(221,60%,37%) |
#1D3872 |
rgb(29,56,114) |
hsl(221,59%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4570D0 |
rgb(69,112,208) |
hsl(221,60%,54%) |
#D05E45 |
rgb(208,94,69) |
hsl(11,60%,54%) |
#B5D145 |
rgb(181,209,69) |
hsl(72,60%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4570D0 |
rgb(69,112,208) |
hsl(221,60%,54%) |
#D0A645 |
rgb(208,166,69) |
hsl(42,60%,54%) |
#45B5D0 |
rgb(69,181,208) |
hsl(192,60%,54%) |
#B5D145 |
rgb(181,209,69) |
hsl(72,60%,55%) |