HEX #3D78C1 color — Indigo
The color #3D78C1 is a dark shade and moderately saturated.
Palette
3D78C1 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f9 |
rgb(236,242,249) |
hsl(213,52%,95%) |
#d8e4f3 |
rgb(216,228,243) |
hsl(213,52%,90%) |
#c5d7ed |
rgb(197,215,237) |
hsl(213,52%,85%) |
#b1c9e7 |
rgb(177,201,231) |
hsl(213,52%,80%) |
#9ebce0 |
rgb(158,188,224) |
hsl(213,52%,75%) |
#8bafda |
rgb(139,175,218) |
hsl(213,52%,70%) |
#77a1d4 |
rgb(119,161,212) |
hsl(213,52%,65%) |
#6494ce |
rgb(100,148,206) |
hsl(213,52%,60%) |
#5186c8 |
rgb(81,134,200) |
hsl(213,52%,55%) |
#3d79c2 |
rgb(61,121,194) |
hsl(213,52%,50%) |
#376dae |
rgb(55,109,174) |
hsl(213,52%,45%) |
#31619b |
rgb(49,97,155) |
hsl(213,52%,40%) |
#2b5588 |
rgb(43,85,136) |
hsl(213,52%,35%) |
#254974 |
rgb(37,73,116) |
hsl(213,52%,30%) |
#1f3c61 |
rgb(31,60,97) |
hsl(213,52%,25%) |
#18304e |
rgb(24,48,78) |
hsl(213,52%,20%) |
#12243a |
rgb(18,36,58) |
hsl(213,52%,15%) |
#0c1827 |
rgb(12,24,39) |
hsl(213,52%,10%) |
#060c13 |
rgb(6,12,19) |
hsl(213,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC2B2 |
rgb(61,194,178) |
hsl(173,52%,50%) |
#3D78C1 |
rgb(61,120,193) |
hsl(213,52%,50%) |
#5A3DC1 |
rgb(90,61,193) |
hsl(253,52%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7AA3D5 |
rgb(122,163,213) |
hsl(213,52%,66%) |
#5B8CCB |
rgb(91,140,203) |
hsl(214,52%,58%) |
#3D78C1 |
rgb(61,120,193) |
hsl(213,52%,50%) |
#3366A2 |
rgb(51,102,162) |
hsl(212,52%,42%) |
#295283 |
rgb(41,82,131) |
hsl(213,52%,34%) |
#1F3D64 |
rgb(31,61,100) |
hsl(214,53%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D78C1 |
rgb(61,120,193) |
hsl(213,52%,50%) |
#C1453D |
rgb(193,69,61) |
hsl(4,52%,50%) |
#BAC23D |
rgb(186,194,61) |
hsl(64,52%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D78C1 |
rgb(61,120,193) |
hsl(213,52%,50%) |
#C1873D |
rgb(193,135,61) |
hsl(34,52%,50%) |
#3DBAC1 |
rgb(61,186,193) |
hsl(183,52%,50%) |
#BAC23D |
rgb(186,194,61) |
hsl(64,52%,50%) |