HEX #4478C5 color — Indigo
The color #4478c5 is a dark shade and moderately saturated.
Palette
4478c5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(216,53%,97%) |
#e0e8f5 |
rgb(224,232,245) |
hsl(216,53%,92%) |
#ccdaef |
rgb(204,218,239) |
hsl(216,53%,87%) |
#b9cce9 |
rgb(185,204,233) |
hsl(216,53%,82%) |
#a5bee3 |
rgb(165,190,227) |
hsl(216,53%,77%) |
#92b0dd |
rgb(146,176,221) |
hsl(216,53%,72%) |
#7ea2d7 |
rgb(126,162,215) |
hsl(216,53%,67%) |
#6b94d1 |
rgb(107,148,209) |
hsl(216,53%,62%) |
#5786cb |
rgb(87,134,203) |
hsl(216,53%,57%) |
#4478c5 |
rgb(68,120,197) |
hsl(216,53%,52%) |
#386bb7 |
rgb(56,107,183) |
hsl(216,53%,47%) |
#3260a4 |
rgb(50,96,164) |
hsl(216,53%,42%) |
#2c5490 |
rgb(44,84,144) |
hsl(216,53%,37%) |
#26497d |
rgb(38,73,125) |
hsl(216,53%,32%) |
#203e69 |
rgb(32,62,105) |
hsl(216,53%,27%) |
#1a3256 |
rgb(26,50,86) |
hsl(216,53%,22%) |
#142742 |
rgb(20,39,66) |
hsl(216,53%,17%) |
#0e1b2f |
rgb(14,27,47) |
hsl(216,53%,12%) |
#08101b |
rgb(8,16,27) |
hsl(216,53%,7%) |
#020508 |
rgb(2,5,8) |
hsl(216,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#44C4BC |
rgb(68,196,188) |
hsl(176,52%,52%) |
#4478C5 |
rgb(68,120,197) |
hsl(216,53%,52%) |
#6645C5 |
rgb(102,69,197) |
hsl(255,52%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A6D9 |
rgb(132,166,217) |
hsl(216,53%,68%) |
#648FCF |
rgb(100,143,207) |
hsl(216,53%,60%) |
#4478C5 |
rgb(68,120,197) |
hsl(216,53%,52%) |
#3463A9 |
rgb(52,99,169) |
hsl(216,53%,43%) |
#2A5289 |
rgb(42,82,137) |
hsl(215,53%,35%) |
#203D69 |
rgb(32,61,105) |
hsl(216,53%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4478C5 |
rgb(68,120,197) |
hsl(216,53%,52%) |
#C55244 |
rgb(197,82,68) |
hsl(7,53%,52%) |
#B8C444 |
rgb(184,196,68) |
hsl(66,52%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4478C5 |
rgb(68,120,197) |
hsl(216,53%,52%) |
#C59144 |
rgb(197,145,68) |
hsl(36,53%,52%) |
#44B8C5 |
rgb(68,184,197) |
hsl(186,53%,52%) |
#B8C444 |
rgb(184,196,68) |
hsl(66,52%,52%) |