HEX #3D78C9 color — Indigo
The color #3D78C9 is a dark shade and moderately saturated.
Palette
3D78C9 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(215,56%,96%) |
#dbe6f5 |
rgb(219,230,245) |
hsl(215,56%,91%) |
#c7d8ef |
rgb(199,216,239) |
hsl(215,56%,86%) |
#b3caea |
rgb(179,202,234) |
hsl(215,56%,81%) |
#a0bce4 |
rgb(160,188,228) |
hsl(215,56%,76%) |
#8caede |
rgb(140,174,222) |
hsl(215,56%,71%) |
#78a0d9 |
rgb(120,160,217) |
hsl(215,56%,66%) |
#6492d3 |
rgb(100,146,211) |
hsl(215,56%,61%) |
#5084ce |
rgb(80,132,206) |
hsl(215,56%,56%) |
#3c76c8 |
rgb(60,118,200) |
hsl(215,56%,51%) |
#346ab7 |
rgb(52,106,183) |
hsl(215,56%,46%) |
#2e5fa3 |
rgb(46,95,163) |
hsl(215,56%,41%) |
#28538f |
rgb(40,83,143) |
hsl(215,56%,36%) |
#23487b |
rgb(35,72,123) |
hsl(215,56%,31%) |
#1d3c67 |
rgb(29,60,103) |
hsl(215,56%,26%) |
#183154 |
rgb(24,49,84) |
hsl(215,56%,21%) |
#122540 |
rgb(18,37,64) |
hsl(215,56%,16%) |
#0c192c |
rgb(12,25,44) |
hsl(215,56%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(215,56%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,56%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC9BC |
rgb(61,201,188) |
hsl(174,56%,51%) |
#3D78C9 |
rgb(61,120,201) |
hsl(215,56%,51%) |
#5F3DC9 |
rgb(95,61,201) |
hsl(255,56%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EA6DB |
rgb(126,166,219) |
hsl(214,56%,68%) |
#5D8FD2 |
rgb(93,143,210) |
hsl(214,57%,59%) |
#3D78C9 |
rgb(61,120,201) |
hsl(215,56%,51%) |
#2F63AC |
rgb(47,99,172) |
hsl(215,57%,43%) |
#26528B |
rgb(38,82,139) |
hsl(214,57%,35%) |
#1D3D6A |
rgb(29,61,106) |
hsl(215,57%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D78C9 |
rgb(61,120,201) |
hsl(215,56%,51%) |
#C9473D |
rgb(201,71,61) |
hsl(4,56%,51%) |
#BEC93D |
rgb(190,201,61) |
hsl(65,56%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D78C9 |
rgb(61,120,201) |
hsl(215,56%,51%) |
#C98F3D |
rgb(201,143,61) |
hsl(35,56%,51%) |
#3DBFC9 |
rgb(61,191,201) |
hsl(184,56%,51%) |
#BEC93D |
rgb(190,201,61) |
hsl(65,56%,51%) |