HEX #4478C2 color — Indigo
The color #4478C2 is a dark shade and moderately saturated.
Palette
4478C2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(215,51%,96%) |
#dce6f4 |
rgb(220,230,244) |
hsl(215,51%,91%) |
#c9d8ee |
rgb(201,216,238) |
hsl(215,51%,86%) |
#b6cae7 |
rgb(182,202,231) |
hsl(215,51%,81%) |
#a3bde1 |
rgb(163,189,225) |
hsl(215,51%,76%) |
#8fafdb |
rgb(143,175,219) |
hsl(215,51%,71%) |
#7ca1d5 |
rgb(124,161,213) |
hsl(215,51%,66%) |
#6993ce |
rgb(105,147,206) |
hsl(215,51%,61%) |
#5685c8 |
rgb(86,133,200) |
hsl(215,51%,56%) |
#4277c2 |
rgb(66,119,194) |
hsl(215,51%,51%) |
#396bb1 |
rgb(57,107,177) |
hsl(215,51%,46%) |
#33609e |
rgb(51,96,158) |
hsl(215,51%,41%) |
#2d548b |
rgb(45,84,139) |
hsl(215,51%,36%) |
#274877 |
rgb(39,72,119) |
hsl(215,51%,31%) |
#203d64 |
rgb(32,61,100) |
hsl(215,51%,26%) |
#1a3151 |
rgb(26,49,81) |
hsl(215,51%,21%) |
#14253e |
rgb(20,37,62) |
hsl(215,51%,16%) |
#0e1a2a |
rgb(14,26,42) |
hsl(215,51%,11%) |
#070e17 |
rgb(7,14,23) |
hsl(215,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#44C2B8 |
rgb(68,194,184) |
hsl(175,51%,51%) |
#4478C2 |
rgb(68,120,194) |
hsl(215,51%,51%) |
#6445C2 |
rgb(100,69,194) |
hsl(255,51%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6D6 |
rgb(131,166,214) |
hsl(215,50%,68%) |
#638FCC |
rgb(99,143,204) |
hsl(215,51%,59%) |
#4478C2 |
rgb(68,120,194) |
hsl(215,51%,51%) |
#3663A5 |
rgb(54,99,165) |
hsl(216,51%,43%) |
#2B5286 |
rgb(43,82,134) |
hsl(214,51%,35%) |
#213D66 |
rgb(33,61,102) |
hsl(216,51%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#4478C2 |
rgb(68,120,194) |
hsl(215,51%,51%) |
#C24F44 |
rgb(194,79,68) |
hsl(5,51%,51%) |
#B7C244 |
rgb(183,194,68) |
hsl(65,51%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4478C2 |
rgb(68,120,194) |
hsl(215,51%,51%) |
#C28F44 |
rgb(194,143,68) |
hsl(36,51%,51%) |
#44B8C2 |
rgb(68,184,194) |
hsl(185,51%,51%) |
#B7C244 |
rgb(183,194,68) |
hsl(65,51%,51%) |