HEX #3F5CC2 color — Indigo
The color #3F5CC2 is a dark shade and moderately saturated.
Palette
3F5CC2 color palette from light to dark
HEX |
RGB |
HSL |
#eceef9 |
rgb(236,238,249) |
hsl(227,52%,95%) |
#d8def3 |
rgb(216,222,243) |
hsl(227,52%,90%) |
#c5cded |
rgb(197,205,237) |
hsl(227,52%,85%) |
#b1bde7 |
rgb(177,189,231) |
hsl(227,52%,80%) |
#9eace0 |
rgb(158,172,224) |
hsl(227,52%,75%) |
#8b9cda |
rgb(139,156,218) |
hsl(227,52%,70%) |
#778bd4 |
rgb(119,139,212) |
hsl(227,52%,65%) |
#647bce |
rgb(100,123,206) |
hsl(227,52%,60%) |
#516ac8 |
rgb(81,106,200) |
hsl(227,52%,55%) |
#3d5ac2 |
rgb(61,90,194) |
hsl(227,52%,50%) |
#3751ae |
rgb(55,81,174) |
hsl(227,52%,45%) |
#31489b |
rgb(49,72,155) |
hsl(227,52%,40%) |
#2b3f88 |
rgb(43,63,136) |
hsl(227,52%,35%) |
#253674 |
rgb(37,54,116) |
hsl(227,52%,30%) |
#1f2d61 |
rgb(31,45,97) |
hsl(227,52%,25%) |
#18244e |
rgb(24,36,78) |
hsl(227,52%,20%) |
#121b3a |
rgb(18,27,58) |
hsl(227,52%,15%) |
#0c1227 |
rgb(12,18,39) |
hsl(227,52%,10%) |
#060913 |
rgb(6,9,19) |
hsl(227,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FB3C2 |
rgb(63,179,194) |
hsl(187,52%,50%) |
#3F5CC2 |
rgb(63,92,194) |
hsl(227,52%,50%) |
#7940C2 |
rgb(121,64,194) |
hsl(266,52%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D91D5 |
rgb(125,145,213) |
hsl(226,51%,66%) |
#5E75CB |
rgb(94,117,203) |
hsl(227,51%,58%) |
#3F5CC2 |
rgb(63,92,194) |
hsl(227,52%,50%) |
#344DA3 |
rgb(52,77,163) |
hsl(226,52%,42%) |
#2A3D84 |
rgb(42,61,132) |
hsl(227,52%,34%) |
#203065 |
rgb(32,48,101) |
hsl(226,52%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5CC2 |
rgb(63,92,194) |
hsl(227,52%,50%) |
#C2633F |
rgb(194,99,63) |
hsl(16,52%,50%) |
#9DC23F |
rgb(157,194,63) |
hsl(77,52%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5CC2 |
rgb(63,92,194) |
hsl(227,52%,50%) |
#C2A63F |
rgb(194,166,63) |
hsl(47,52%,50%) |
#3F9EC2 |
rgb(63,158,194) |
hsl(196,52%,50%) |
#9DC23F |
rgb(157,194,63) |
hsl(77,52%,50%) |