HEX #3A5CC2 color — Indigo
The color #3A5CC2 is a dark shade and moderately saturated.
Palette
3A5CC2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(225,54%,99%) |
#e7ecf8 |
rgb(231,236,248) |
hsl(225,54%,94%) |
#d4dbf2 |
rgb(212,219,242) |
hsl(225,54%,89%) |
#c0cbec |
rgb(192,203,236) |
hsl(225,54%,84%) |
#adbbe6 |
rgb(173,187,230) |
hsl(225,54%,79%) |
#99abe1 |
rgb(153,171,225) |
hsl(225,54%,74%) |
#859bdb |
rgb(133,155,219) |
hsl(225,54%,69%) |
#728ad5 |
rgb(114,138,213) |
hsl(225,54%,64%) |
#5e7acf |
rgb(94,122,207) |
hsl(225,54%,59%) |
#4a6ac9 |
rgb(74,106,201) |
hsl(225,54%,54%) |
#395bc0 |
rgb(57,91,192) |
hsl(225,54%,49%) |
#3452ad |
rgb(52,82,173) |
hsl(225,54%,44%) |
#2e4999 |
rgb(46,73,153) |
hsl(225,54%,39%) |
#283f86 |
rgb(40,63,134) |
hsl(225,54%,34%) |
#223672 |
rgb(34,54,114) |
hsl(225,54%,29%) |
#1c2d5e |
rgb(28,45,94) |
hsl(225,54%,24%) |
#16234b |
rgb(22,35,75) |
hsl(225,54%,19%) |
#101a37 |
rgb(16,26,55) |
hsl(225,54%,14%) |
#0b1123 |
rgb(11,17,35) |
hsl(225,54%,9%) |
#050710 |
rgb(5,7,16) |
hsl(225,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB8C2 |
rgb(58,184,194) |
hsl(184,54%,49%) |
#3A5CC2 |
rgb(58,92,194) |
hsl(225,54%,49%) |
#723BC2 |
rgb(114,59,194) |
hsl(264,53%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768FD6 |
rgb(118,143,214) |
hsl(224,54%,65%) |
#5775CC |
rgb(87,117,204) |
hsl(225,53%,57%) |
#3A5CC2 |
rgb(58,92,194) |
hsl(225,54%,49%) |
#304DA2 |
rgb(48,77,162) |
hsl(225,54%,41%) |
#274083 |
rgb(39,64,131) |
hsl(224,54%,33%) |
#1E3064 |
rgb(30,48,100) |
hsl(225,54%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CC2 |
rgb(58,92,194) |
hsl(225,54%,49%) |
#C25C3A |
rgb(194,92,58) |
hsl(15,54%,49%) |
#A0C23A |
rgb(160,194,58) |
hsl(75,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CC2 |
rgb(58,92,194) |
hsl(225,54%,49%) |
#C2A13A |
rgb(194,161,58) |
hsl(45,54%,49%) |
#3AA1C2 |
rgb(58,161,194) |
hsl(195,54%,49%) |
#A0C23A |
rgb(160,194,58) |
hsl(75,54%,49%) |