HEX #3A6EC1 color — Indigo
The color #3A6EC1 is a dark shade and moderately saturated.
Palette
3A6EC1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,54%,99%) |
#e7eef8 |
rgb(231,238,248) |
hsl(217,54%,94%) |
#d4dff2 |
rgb(212,223,242) |
hsl(217,54%,89%) |
#c0d1ec |
rgb(192,209,236) |
hsl(217,54%,84%) |
#adc3e6 |
rgb(173,195,230) |
hsl(217,54%,79%) |
#99b4e1 |
rgb(153,180,225) |
hsl(217,54%,74%) |
#85a6db |
rgb(133,166,219) |
hsl(217,54%,69%) |
#7298d5 |
rgb(114,152,213) |
hsl(217,54%,64%) |
#5e89cf |
rgb(94,137,207) |
hsl(217,54%,59%) |
#4a7bc9 |
rgb(74,123,201) |
hsl(217,54%,54%) |
#396dc0 |
rgb(57,109,192) |
hsl(217,54%,49%) |
#3462ad |
rgb(52,98,173) |
hsl(217,54%,44%) |
#2e5799 |
rgb(46,87,153) |
hsl(217,54%,39%) |
#284c86 |
rgb(40,76,134) |
hsl(217,54%,34%) |
#224172 |
rgb(34,65,114) |
hsl(217,54%,29%) |
#1c355e |
rgb(28,53,94) |
hsl(217,54%,24%) |
#162a4b |
rgb(22,42,75) |
hsl(217,54%,19%) |
#101f37 |
rgb(16,31,55) |
hsl(217,54%,14%) |
#0b1423 |
rgb(11,20,35) |
hsl(217,54%,9%) |
#050910 |
rgb(5,9,16) |
hsl(217,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC2BA |
rgb(58,194,186) |
hsl(176,54%,49%) |
#3A6EC1 |
rgb(58,110,193) |
hsl(217,54%,49%) |
#603BC1 |
rgb(96,59,193) |
hsl(257,53%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#759CD5 |
rgb(117,156,213) |
hsl(216,53%,65%) |
#5685CC |
rgb(86,133,204) |
hsl(216,54%,57%) |
#3A6EC1 |
rgb(58,110,193) |
hsl(217,54%,49%) |
#305CA2 |
rgb(48,92,162) |
hsl(217,54%,41%) |
#274A83 |
rgb(39,74,131) |
hsl(217,54%,33%) |
#1E3864 |
rgb(30,56,100) |
hsl(218,54%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6EC1 |
rgb(58,110,193) |
hsl(217,54%,49%) |
#C14A3A |
rgb(193,74,58) |
hsl(7,54%,49%) |
#B1C23A |
rgb(177,194,58) |
hsl(68,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6EC1 |
rgb(58,110,193) |
hsl(217,54%,49%) |
#C18C3A |
rgb(193,140,58) |
hsl(36,54%,49%) |
#3AB3C1 |
rgb(58,179,193) |
hsl(186,54%,49%) |
#B1C23A |
rgb(177,194,58) |
hsl(68,54%,49%) |