HEX #4178C2 color — Indigo
The color #4178C2 is a dark shade and moderately saturated.
Palette
4178C2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(214,51%,96%) |
#dce6f4 |
rgb(220,230,244) |
hsl(214,51%,91%) |
#c9d9ee |
rgb(201,217,238) |
hsl(214,51%,86%) |
#b6cbe7 |
rgb(182,203,231) |
hsl(214,51%,81%) |
#a3bee1 |
rgb(163,190,225) |
hsl(214,51%,76%) |
#8fb0db |
rgb(143,176,219) |
hsl(214,51%,71%) |
#7ca2d5 |
rgb(124,162,213) |
hsl(214,51%,66%) |
#6995ce |
rgb(105,149,206) |
hsl(214,51%,61%) |
#5687c8 |
rgb(86,135,200) |
hsl(214,51%,56%) |
#427ac2 |
rgb(66,122,194) |
hsl(214,51%,51%) |
#396db1 |
rgb(57,109,177) |
hsl(214,51%,46%) |
#33619e |
rgb(51,97,158) |
hsl(214,51%,41%) |
#2d568b |
rgb(45,86,139) |
hsl(214,51%,36%) |
#274a77 |
rgb(39,74,119) |
hsl(214,51%,31%) |
#203e64 |
rgb(32,62,100) |
hsl(214,51%,26%) |
#1a3251 |
rgb(26,50,81) |
hsl(214,51%,21%) |
#14263e |
rgb(20,38,62) |
hsl(214,51%,16%) |
#0e1a2a |
rgb(14,26,42) |
hsl(214,51%,11%) |
#070e17 |
rgb(7,14,23) |
hsl(214,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#41C2B6 |
rgb(65,194,182) |
hsl(174,51%,51%) |
#4178C2 |
rgb(65,120,194) |
hsl(214,51%,51%) |
#6040C2 |
rgb(96,64,194) |
hsl(255,52%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FA6D6 |
rgb(127,166,214) |
hsl(213,51%,67%) |
#608FCC |
rgb(96,143,204) |
hsl(214,51%,59%) |
#4178C2 |
rgb(65,120,194) |
hsl(214,51%,51%) |
#3463A4 |
rgb(52,99,164) |
hsl(215,52%,42%) |
#2A5285 |
rgb(42,82,133) |
hsl(214,52%,34%) |
#203D65 |
rgb(32,61,101) |
hsl(215,52%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#4178C2 |
rgb(65,120,194) |
hsl(214,51%,51%) |
#C24A41 |
rgb(194,74,65) |
hsl(4,51%,51%) |
#B8C241 |
rgb(184,194,65) |
hsl(65,51%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4178C2 |
rgb(65,120,194) |
hsl(214,51%,51%) |
#C28C41 |
rgb(194,140,65) |
hsl(35,51%,51%) |
#41B8C2 |
rgb(65,184,194) |
hsl(185,51%,51%) |
#B8C241 |
rgb(184,194,65) |
hsl(65,51%,51%) |