HEX #3A63C6 color — Indigo
The color #3A63C6 is a dark shade and moderately saturated.
Palette
3A63C6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeff9 |
rgb(235,239,249) |
hsl(222,55%,95%) |
| #d7e0f4 |
rgb(215,224,244) |
hsl(222,55%,90%) |
| #c4d0ee |
rgb(196,208,238) |
hsl(222,55%,85%) |
| #b0c1e8 |
rgb(176,193,232) |
hsl(222,55%,80%) |
| #9cb1e2 |
rgb(156,177,226) |
hsl(222,55%,75%) |
| #88a2dd |
rgb(136,162,221) |
hsl(222,55%,70%) |
| #7592d7 |
rgb(117,146,215) |
hsl(222,55%,65%) |
| #6183d1 |
rgb(97,131,209) |
hsl(222,55%,60%) |
| #4d73cb |
rgb(77,115,203) |
hsl(222,55%,55%) |
| #3963c6 |
rgb(57,99,198) |
hsl(222,55%,50%) |
| #345ab2 |
rgb(52,90,178) |
hsl(222,55%,45%) |
| #2e509e |
rgb(46,80,158) |
hsl(222,55%,40%) |
| #28468a |
rgb(40,70,138) |
hsl(222,55%,35%) |
| #223c77 |
rgb(34,60,119) |
hsl(222,55%,30%) |
| #1d3263 |
rgb(29,50,99) |
hsl(222,55%,25%) |
| #17284f |
rgb(23,40,79) |
hsl(222,55%,20%) |
| #111e3b |
rgb(17,30,59) |
hsl(222,55%,15%) |
| #0b1428 |
rgb(11,20,40) |
hsl(222,55%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(222,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3ABFC6 |
rgb(58,191,198) |
hsl(183,55%,50%) |
| #3A63C6 |
rgb(58,99,198) |
hsl(222,55%,50%) |
| #6E3BC6 |
rgb(110,59,198) |
hsl(262,55%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7996D8 |
rgb(121,150,216) |
hsl(222,55%,66%) |
| #597DCF |
rgb(89,125,207) |
hsl(222,55%,58%) |
| #3A63C6 |
rgb(58,99,198) |
hsl(222,55%,50%) |
| #3054A6 |
rgb(48,84,166) |
hsl(222,55%,42%) |
| #274287 |
rgb(39,66,135) |
hsl(223,55%,34%) |
| #1D3367 |
rgb(29,51,103) |
hsl(222,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A63C6 |
rgb(58,99,198) |
hsl(222,55%,50%) |
| #C6573A |
rgb(198,87,58) |
hsl(12,55%,50%) |
| #A9C73A |
rgb(169,199,58) |
hsl(73,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A63C6 |
rgb(58,99,198) |
hsl(222,55%,50%) |
| #C69E3A |
rgb(198,158,58) |
hsl(43,55%,50%) |
| #3AA8C6 |
rgb(58,168,198) |
hsl(193,55%,50%) |
| #A9C73A |
rgb(169,199,58) |
hsl(73,56%,50%) |
