HEX #3D78C4 color — Indigo
The color #3D78C4 is a dark shade and moderately saturated.
Palette
3D78C4 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1f9 |
rgb(235,241,249) |
hsl(214,53%,95%) |
#d8e4f3 |
rgb(216,228,243) |
hsl(214,53%,90%) |
#c4d6ed |
rgb(196,214,237) |
hsl(214,53%,85%) |
#b1c8e7 |
rgb(177,200,231) |
hsl(214,53%,80%) |
#9dbbe1 |
rgb(157,187,225) |
hsl(214,53%,75%) |
#8aaddb |
rgb(138,173,219) |
hsl(214,53%,70%) |
#769fd5 |
rgb(118,159,213) |
hsl(214,53%,65%) |
#6392cf |
rgb(99,146,207) |
hsl(214,53%,60%) |
#4f84c9 |
rgb(79,132,201) |
hsl(214,53%,55%) |
#3c76c3 |
rgb(60,118,195) |
hsl(214,53%,50%) |
#366bb0 |
rgb(54,107,176) |
hsl(214,53%,45%) |
#305f9c |
rgb(48,95,156) |
hsl(214,53%,40%) |
#2a5389 |
rgb(42,83,137) |
hsl(214,53%,35%) |
#244775 |
rgb(36,71,117) |
hsl(214,53%,30%) |
#1e3b62 |
rgb(30,59,98) |
hsl(214,53%,25%) |
#182f4e |
rgb(24,47,78) |
hsl(214,53%,20%) |
#12243b |
rgb(18,36,59) |
hsl(214,53%,15%) |
#0c1827 |
rgb(12,24,39) |
hsl(214,53%,10%) |
#060c14 |
rgb(6,12,20) |
hsl(214,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC4B6 |
rgb(61,196,182) |
hsl(174,53%,50%) |
#3D78C4 |
rgb(61,120,196) |
hsl(214,53%,50%) |
#5C3DC4 |
rgb(92,61,196) |
hsl(254,53%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA3D7 |
rgb(124,163,215) |
hsl(214,53%,66%) |
#5C8FCD |
rgb(92,143,205) |
hsl(213,53%,58%) |
#3D78C4 |
rgb(61,120,196) |
hsl(214,53%,50%) |
#3263A5 |
rgb(50,99,165) |
hsl(214,53%,42%) |
#285286 |
rgb(40,82,134) |
hsl(213,54%,34%) |
#1F3D66 |
rgb(31,61,102) |
hsl(215,53%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D78C4 |
rgb(61,120,196) |
hsl(214,53%,50%) |
#C4453D |
rgb(196,69,61) |
hsl(4,53%,50%) |
#BBC43D |
rgb(187,196,61) |
hsl(64,53%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D78C4 |
rgb(61,120,196) |
hsl(214,53%,50%) |
#C48A3D |
rgb(196,138,61) |
hsl(34,53%,50%) |
#3DBDC4 |
rgb(61,189,196) |
hsl(183,53%,50%) |
#BBC43D |
rgb(187,196,61) |
hsl(64,53%,50%) |