HEX #3B78C8 color — Indigo
The color #3B78C8 is a dark shade and moderately saturated.
Palette
3B78C8 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(214,56%,96%) |
#dbe6f5 |
rgb(219,230,245) |
hsl(214,56%,91%) |
#c7d9ef |
rgb(199,217,239) |
hsl(214,56%,86%) |
#b3cbea |
rgb(179,203,234) |
hsl(214,56%,81%) |
#a0bde4 |
rgb(160,189,228) |
hsl(214,56%,76%) |
#8cb0de |
rgb(140,176,222) |
hsl(214,56%,71%) |
#78a2d9 |
rgb(120,162,217) |
hsl(214,56%,66%) |
#6494d3 |
rgb(100,148,211) |
hsl(214,56%,61%) |
#5086ce |
rgb(80,134,206) |
hsl(214,56%,56%) |
#3c79c8 |
rgb(60,121,200) |
hsl(214,56%,51%) |
#346db7 |
rgb(52,109,183) |
hsl(214,56%,46%) |
#2e61a3 |
rgb(46,97,163) |
hsl(214,56%,41%) |
#28558f |
rgb(40,85,143) |
hsl(214,56%,36%) |
#23497b |
rgb(35,73,123) |
hsl(214,56%,31%) |
#1d3d67 |
rgb(29,61,103) |
hsl(214,56%,26%) |
#183254 |
rgb(24,50,84) |
hsl(214,56%,21%) |
#122640 |
rgb(18,38,64) |
hsl(214,56%,16%) |
#0c1a2c |
rgb(12,26,44) |
hsl(214,56%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(214,56%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,56%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BC7BA |
rgb(59,199,186) |
hsl(174,56%,51%) |
#3B78C8 |
rgb(59,120,200) |
hsl(214,56%,51%) |
#5C3BC8 |
rgb(92,59,200) |
hsl(254,56%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA6DA |
rgb(123,166,218) |
hsl(213,56%,67%) |
#5B8FD1 |
rgb(91,143,209) |
hsl(214,56%,59%) |
#3B78C8 |
rgb(59,120,200) |
hsl(214,56%,51%) |
#2F63A9 |
rgb(47,99,169) |
hsl(214,56%,42%) |
#265289 |
rgb(38,82,137) |
hsl(213,57%,34%) |
#1D3D69 |
rgb(29,61,105) |
hsl(215,57%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B78C8 |
rgb(59,120,200) |
hsl(214,56%,51%) |
#C8453B |
rgb(200,69,59) |
hsl(4,56%,51%) |
#BEC73B |
rgb(190,199,59) |
hsl(64,56%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B78C8 |
rgb(59,120,200) |
hsl(214,56%,51%) |
#C88C3B |
rgb(200,140,59) |
hsl(34,56%,51%) |
#3BBFC8 |
rgb(59,191,200) |
hsl(184,56%,51%) |
#BEC73B |
rgb(190,199,59) |
hsl(64,56%,51%) |