HEX #4170D0 color — Indigo
The color #4170D0 is a dark shade and moderately saturated.
Palette
4170D0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,60%,99%) |
#e7edf9 |
rgb(231,237,249) |
hsl(220,60%,94%) |
#d2ddf4 |
rgb(210,221,244) |
hsl(220,60%,89%) |
#beceef |
rgb(190,206,239) |
hsl(220,60%,84%) |
#a9bfea |
rgb(169,191,234) |
hsl(220,60%,79%) |
#95afe4 |
rgb(149,175,228) |
hsl(220,60%,74%) |
#81a0df |
rgb(129,160,223) |
hsl(220,60%,69%) |
#6c91da |
rgb(108,145,218) |
hsl(220,60%,64%) |
#5882d5 |
rgb(88,130,213) |
hsl(220,60%,59%) |
#4372d0 |
rgb(67,114,208) |
hsl(220,60%,54%) |
#3264c8 |
rgb(50,100,200) |
hsl(220,60%,49%) |
#2d5ab4 |
rgb(45,90,180) |
hsl(220,60%,44%) |
#28509f |
rgb(40,80,159) |
hsl(220,60%,39%) |
#23458b |
rgb(35,69,139) |
hsl(220,60%,34%) |
#1e3b76 |
rgb(30,59,118) |
hsl(220,60%,29%) |
#183162 |
rgb(24,49,98) |
hsl(220,60%,24%) |
#13274e |
rgb(19,39,78) |
hsl(220,60%,19%) |
#0e1d39 |
rgb(14,29,57) |
hsl(220,60%,14%) |
#091225 |
rgb(9,18,37) |
hsl(220,60%,9%) |
#040810 |
rgb(4,8,16) |
hsl(220,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#41CFD0 |
rgb(65,207,208) |
hsl(180,60%,54%) |
#4170D0 |
rgb(65,112,208) |
hsl(220,60%,54%) |
#7140D0 |
rgb(113,64,208) |
hsl(260,61%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A6E1 |
rgb(135,166,225) |
hsl(219,60%,71%) |
#648AD8 |
rgb(100,138,216) |
hsl(220,60%,62%) |
#4170D0 |
rgb(65,112,208) |
hsl(220,60%,54%) |
#2D5CB7 |
rgb(45,92,183) |
hsl(220,61%,45%) |
#244A94 |
rgb(36,74,148) |
hsl(220,61%,36%) |
#1C3871 |
rgb(28,56,113) |
hsl(220,60%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4170D0 |
rgb(65,112,208) |
hsl(220,60%,54%) |
#D05941 |
rgb(208,89,65) |
hsl(10,60%,54%) |
#B7D141 |
rgb(183,209,65) |
hsl(71,61%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4170D0 |
rgb(65,112,208) |
hsl(220,60%,54%) |
#D0A141 |
rgb(208,161,65) |
hsl(40,60%,54%) |
#41B8D0 |
rgb(65,184,208) |
hsl(190,60%,54%) |
#B7D141 |
rgb(183,209,65) |
hsl(71,61%,54%) |