HEX #3A63C1 color — Indigo
The color #3A63C1 is a dark shade and moderately saturated.
Palette
3A63C1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,54%,99%) |
#e7ecf8 |
rgb(231,236,248) |
hsl(222,54%,94%) |
#d4ddf2 |
rgb(212,221,242) |
hsl(222,54%,89%) |
#c0cdec |
rgb(192,205,236) |
hsl(222,54%,84%) |
#adbee6 |
rgb(173,190,230) |
hsl(222,54%,79%) |
#99aee1 |
rgb(153,174,225) |
hsl(222,54%,74%) |
#859fdb |
rgb(133,159,219) |
hsl(222,54%,69%) |
#728fd5 |
rgb(114,143,213) |
hsl(222,54%,64%) |
#5e80cf |
rgb(94,128,207) |
hsl(222,54%,59%) |
#4a70c9 |
rgb(74,112,201) |
hsl(222,54%,54%) |
#3962c0 |
rgb(57,98,192) |
hsl(222,54%,49%) |
#3458ad |
rgb(52,88,173) |
hsl(222,54%,44%) |
#2e4e99 |
rgb(46,78,153) |
hsl(222,54%,39%) |
#284486 |
rgb(40,68,134) |
hsl(222,54%,34%) |
#223a72 |
rgb(34,58,114) |
hsl(222,54%,29%) |
#1c305e |
rgb(28,48,94) |
hsl(222,54%,24%) |
#16264b |
rgb(22,38,75) |
hsl(222,54%,19%) |
#101c37 |
rgb(16,28,55) |
hsl(222,54%,14%) |
#0b1223 |
rgb(11,18,35) |
hsl(222,54%,9%) |
#050810 |
rgb(5,8,16) |
hsl(222,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABDC1 |
rgb(58,189,193) |
hsl(182,54%,49%) |
#3A63C1 |
rgb(58,99,193) |
hsl(222,54%,49%) |
#6B3BC1 |
rgb(107,59,193) |
hsl(261,53%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7594D5 |
rgb(117,148,213) |
hsl(221,53%,65%) |
#567ACC |
rgb(86,122,204) |
hsl(222,54%,57%) |
#3A63C1 |
rgb(58,99,193) |
hsl(222,54%,49%) |
#3054A2 |
rgb(48,84,162) |
hsl(221,54%,41%) |
#274283 |
rgb(39,66,131) |
hsl(222,54%,33%) |
#1E3364 |
rgb(30,51,100) |
hsl(222,54%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63C1 |
rgb(58,99,193) |
hsl(222,54%,49%) |
#C1543A |
rgb(193,84,58) |
hsl(12,54%,49%) |
#A6C23A |
rgb(166,194,58) |
hsl(72,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63C1 |
rgb(58,99,193) |
hsl(222,54%,49%) |
#C1993A |
rgb(193,153,58) |
hsl(42,54%,49%) |
#3AA6C1 |
rgb(58,166,193) |
hsl(192,54%,49%) |
#A6C23A |
rgb(166,194,58) |
hsl(72,54%,49%) |