HEX #3D6BC1 color — Indigo
The color #3D6BC1 is a dark shade and moderately saturated.
Palette
3D6BC1 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f9 |
rgb(236,240,249) |
hsl(219,52%,95%) |
#d8e2f3 |
rgb(216,226,243) |
hsl(219,52%,90%) |
#c5d3ed |
rgb(197,211,237) |
hsl(219,52%,85%) |
#b1c4e7 |
rgb(177,196,231) |
hsl(219,52%,80%) |
#9eb5e0 |
rgb(158,181,224) |
hsl(219,52%,75%) |
#8ba7da |
rgb(139,167,218) |
hsl(219,52%,70%) |
#7798d4 |
rgb(119,152,212) |
hsl(219,52%,65%) |
#6489ce |
rgb(100,137,206) |
hsl(219,52%,60%) |
#517ac8 |
rgb(81,122,200) |
hsl(219,52%,55%) |
#3d6cc2 |
rgb(61,108,194) |
hsl(219,52%,50%) |
#3761ae |
rgb(55,97,174) |
hsl(219,52%,45%) |
#31569b |
rgb(49,86,155) |
hsl(219,52%,40%) |
#2b4b88 |
rgb(43,75,136) |
hsl(219,52%,35%) |
#254174 |
rgb(37,65,116) |
hsl(219,52%,30%) |
#1f3661 |
rgb(31,54,97) |
hsl(219,52%,25%) |
#182b4e |
rgb(24,43,78) |
hsl(219,52%,20%) |
#12203a |
rgb(18,32,58) |
hsl(219,52%,15%) |
#0c1627 |
rgb(12,22,39) |
hsl(219,52%,10%) |
#060b13 |
rgb(6,11,19) |
hsl(219,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC2BF |
rgb(61,194,191) |
hsl(179,52%,50%) |
#3D6BC1 |
rgb(61,107,193) |
hsl(219,52%,50%) |
#673DC1 |
rgb(103,61,193) |
hsl(259,52%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A99D5 |
rgb(122,153,213) |
hsl(220,52%,66%) |
#5B82CB |
rgb(91,130,203) |
hsl(219,52%,58%) |
#3D6BC1 |
rgb(61,107,193) |
hsl(219,52%,50%) |
#3359A2 |
rgb(51,89,162) |
hsl(219,52%,42%) |
#294A83 |
rgb(41,74,131) |
hsl(218,52%,34%) |
#1F3864 |
rgb(31,56,100) |
hsl(218,53%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D6BC1 |
rgb(61,107,193) |
hsl(219,52%,50%) |
#C1523D |
rgb(193,82,61) |
hsl(10,52%,50%) |
#ADC23D |
rgb(173,194,61) |
hsl(69,52%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D6BC1 |
rgb(61,107,193) |
hsl(219,52%,50%) |
#C1943D |
rgb(193,148,61) |
hsl(40,52%,50%) |
#3DADC1 |
rgb(61,173,193) |
hsl(189,52%,50%) |
#ADC23D |
rgb(173,194,61) |
hsl(69,52%,50%) |