HEX #3A63C0 color — Indigo
The color #3A63C0 is a dark shade and moderately saturated.
Palette
3A63C0 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 |
#3ABDC0 |
rgb(58,189,192) |
hsl(181,54%,49%) |
#3A63C0 |
rgb(58,99,192) |
hsl(222,54%,49%) |
#6A3BC0 |
rgb(106,59,192) |
hsl(261,53%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7491D5 |
rgb(116,145,213) |
hsl(222,54%,65%) |
#567ACB |
rgb(86,122,203) |
hsl(222,53%,57%) |
#3A63C0 |
rgb(58,99,192) |
hsl(222,54%,49%) |
#3054A1 |
rgb(48,84,161) |
hsl(221,54%,41%) |
#274282 |
rgb(39,66,130) |
hsl(222,54%,33%) |
#1E3363 |
rgb(30,51,99) |
hsl(222,53%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63C0 |
rgb(58,99,192) |
hsl(222,54%,49%) |
#C0543A |
rgb(192,84,58) |
hsl(12,54%,49%) |
#A6BF3A |
rgb(166,191,58) |
hsl(71,53%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63C0 |
rgb(58,99,192) |
hsl(222,54%,49%) |
#C0963A |
rgb(192,150,58) |
hsl(41,54%,49%) |
#3AA6C0 |
rgb(58,166,192) |
hsl(192,54%,49%) |
#A6BF3A |
rgb(166,191,58) |
hsl(71,53%,49%) |