HEX #3D57C0 color — Indigo
The color #3D57C0 is a dark shade and moderately saturated.
Palette
3D57C0 color palette from light to dark
HEX |
RGB |
HSL |
#eceef9 |
rgb(236,238,249) |
hsl(228,52%,95%) |
#d8def3 |
rgb(216,222,243) |
hsl(228,52%,90%) |
#c5cded |
rgb(197,205,237) |
hsl(228,52%,85%) |
#b1bce7 |
rgb(177,188,231) |
hsl(228,52%,80%) |
#9eabe0 |
rgb(158,171,224) |
hsl(228,52%,75%) |
#8b9bda |
rgb(139,155,218) |
hsl(228,52%,70%) |
#778ad4 |
rgb(119,138,212) |
hsl(228,52%,65%) |
#6479ce |
rgb(100,121,206) |
hsl(228,52%,60%) |
#5168c8 |
rgb(81,104,200) |
hsl(228,52%,55%) |
#3d58c2 |
rgb(61,88,194) |
hsl(228,52%,50%) |
#374fae |
rgb(55,79,174) |
hsl(228,52%,45%) |
#31469b |
rgb(49,70,155) |
hsl(228,52%,40%) |
#2b3d88 |
rgb(43,61,136) |
hsl(228,52%,35%) |
#253574 |
rgb(37,53,116) |
hsl(228,52%,30%) |
#1f2c61 |
rgb(31,44,97) |
hsl(228,52%,25%) |
#18234e |
rgb(24,35,78) |
hsl(228,52%,20%) |
#121a3a |
rgb(18,26,58) |
hsl(228,52%,15%) |
#0c1227 |
rgb(12,18,39) |
hsl(228,52%,10%) |
#060913 |
rgb(6,9,19) |
hsl(228,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DADC0 |
rgb(61,173,192) |
hsl(189,52%,50%) |
#3D57C0 |
rgb(61,87,192) |
hsl(228,52%,50%) |
#7A3DC0 |
rgb(122,61,192) |
hsl(268,52%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798CD4 |
rgb(121,140,212) |
hsl(227,51%,65%) |
#5A70CA |
rgb(90,112,202) |
hsl(228,51%,57%) |
#3D57C0 |
rgb(61,87,192) |
hsl(228,52%,50%) |
#334AA1 |
rgb(51,74,161) |
hsl(227,52%,42%) |
#293B82 |
rgb(41,59,130) |
hsl(228,52%,34%) |
#1F2E63 |
rgb(31,46,99) |
hsl(227,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D57C0 |
rgb(61,87,192) |
hsl(228,52%,50%) |
#C0633D |
rgb(192,99,61) |
hsl(17,52%,50%) |
#98BF3D |
rgb(152,191,61) |
hsl(78,52%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D57C0 |
rgb(61,87,192) |
hsl(228,52%,50%) |
#C0A63D |
rgb(192,166,61) |
hsl(48,52%,50%) |
#3D99C0 |
rgb(61,153,192) |
hsl(198,52%,50%) |
#98BF3D |
rgb(152,191,61) |
hsl(78,52%,49%) |