HEX #3A63BB color — Indigo
The color #3A63BB is a dark shade and moderately saturated.
Palette
3A63BB color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,53%,98%) |
#e4eaf7 |
rgb(228,234,247) |
hsl(221,53%,93%) |
#d0daf1 |
rgb(208,218,241) |
hsl(221,53%,88%) |
#bdcbeb |
rgb(189,203,235) |
hsl(221,53%,83%) |
#a9bce5 |
rgb(169,188,229) |
hsl(221,53%,78%) |
#96addf |
rgb(150,173,223) |
hsl(221,53%,73%) |
#829ed9 |
rgb(130,158,217) |
hsl(221,53%,68%) |
#6f8ed3 |
rgb(111,142,211) |
hsl(221,53%,63%) |
#5b7fcd |
rgb(91,127,205) |
hsl(221,53%,58%) |
#4870c7 |
rgb(72,112,199) |
hsl(221,53%,53%) |
#3a63bb |
rgb(58,99,187) |
hsl(221,53%,48%) |
#3458a8 |
rgb(52,88,168) |
hsl(221,53%,43%) |
#2e4e94 |
rgb(46,78,148) |
hsl(221,53%,38%) |
#284481 |
rgb(40,68,129) |
hsl(221,53%,33%) |
#223a6d |
rgb(34,58,109) |
hsl(221,53%,28%) |
#1c2f5a |
rgb(28,47,90) |
hsl(221,53%,23%) |
#162546 |
rgb(22,37,70) |
hsl(221,53%,18%) |
#101b33 |
rgb(16,27,51) |
hsl(221,53%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(221,53%,8%) |
#04060c |
rgb(4,6,12) |
hsl(221,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABABB |
rgb(58,186,187) |
hsl(180,53%,48%) |
#3A63BB |
rgb(58,99,187) |
hsl(221,53%,48%) |
#673BBB |
rgb(103,59,187) |
hsl(261,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#708FD2 |
rgb(112,143,210) |
hsl(221,52%,63%) |
#5278C9 |
rgb(82,120,201) |
hsl(221,52%,55%) |
#3A63BB |
rgb(58,99,187) |
hsl(221,53%,48%) |
#30549D |
rgb(48,84,157) |
hsl(220,53%,40%) |
#27427F |
rgb(39,66,127) |
hsl(222,53%,33%) |
#1E3361 |
rgb(30,51,97) |
hsl(221,53%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63BB |
rgb(58,99,187) |
hsl(221,53%,48%) |
#BB523A |
rgb(187,82,58) |
hsl(11,53%,48%) |
#A3BA3A |
rgb(163,186,58) |
hsl(71,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63BB |
rgb(58,99,187) |
hsl(221,53%,48%) |
#BB913A |
rgb(187,145,58) |
hsl(40,53%,48%) |
#3AA3BB |
rgb(58,163,187) |
hsl(191,53%,48%) |
#A3BA3A |
rgb(163,186,58) |
hsl(71,52%,48%) |