HEX #3F57BF color — Indigo
The color #3F57BF is a dark shade and moderately saturated.
Palette
3F57BF color palette from light to dark
HEX |
RGB |
HSL |
#eceef9 |
rgb(236,238,249) |
hsl(229,50%,95%) |
#d9ddf2 |
rgb(217,221,242) |
hsl(229,50%,90%) |
#c6cdec |
rgb(198,205,236) |
hsl(229,50%,85%) |
#b3bce6 |
rgb(179,188,230) |
hsl(229,50%,80%) |
#9fabdf |
rgb(159,171,223) |
hsl(229,50%,75%) |
#8c9ad9 |
rgb(140,154,217) |
hsl(229,50%,70%) |
#7989d2 |
rgb(121,137,210) |
hsl(229,50%,65%) |
#6679cc |
rgb(102,121,204) |
hsl(229,50%,60%) |
#5368c6 |
rgb(83,104,198) |
hsl(229,50%,55%) |
#4057bf |
rgb(64,87,191) |
hsl(229,50%,50%) |
#394eac |
rgb(57,78,172) |
hsl(229,50%,45%) |
#334699 |
rgb(51,70,153) |
hsl(229,50%,40%) |
#2d3d86 |
rgb(45,61,134) |
hsl(229,50%,35%) |
#263473 |
rgb(38,52,115) |
hsl(229,50%,30%) |
#202c60 |
rgb(32,44,96) |
hsl(229,50%,25%) |
#1a234d |
rgb(26,35,77) |
hsl(229,50%,20%) |
#131a39 |
rgb(19,26,57) |
hsl(229,50%,15%) |
#0d1126 |
rgb(13,17,38) |
hsl(229,50%,10%) |
#060913 |
rgb(6,9,19) |
hsl(229,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FADBF |
rgb(63,173,191) |
hsl(188,50%,50%) |
#3F57BF |
rgb(63,87,191) |
hsl(229,50%,50%) |
#7C40BF |
rgb(124,64,191) |
hsl(268,50%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8CD3 |
rgb(123,140,211) |
hsl(228,50%,65%) |
#5D70C9 |
rgb(93,112,201) |
hsl(229,50%,58%) |
#3F57BF |
rgb(63,87,191) |
hsl(229,50%,50%) |
#344AA0 |
rgb(52,74,160) |
hsl(228,51%,42%) |
#2A3B81 |
rgb(42,59,129) |
hsl(228,51%,34%) |
#202E63 |
rgb(32,46,99) |
hsl(227,51%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F57BF |
rgb(63,87,191) |
hsl(229,50%,50%) |
#BF663F |
rgb(191,102,63) |
hsl(18,50%,50%) |
#97BF3F |
rgb(151,191,63) |
hsl(79,50%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F57BF |
rgb(63,87,191) |
hsl(229,50%,50%) |
#BFA63F |
rgb(191,166,63) |
hsl(48,50%,50%) |
#3F96BF |
rgb(63,150,191) |
hsl(199,50%,50%) |
#97BF3F |
rgb(151,191,63) |
hsl(79,50%,50%) |