HEX #3A63C4 color — Indigo
The color #3A63C4 is a dark shade and moderately saturated.
Palette
3A63C4 color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(222,54%,95%) |
#d8e0f3 |
rgb(216,224,243) |
hsl(222,54%,90%) |
#c4d0ed |
rgb(196,208,237) |
hsl(222,54%,85%) |
#b0c1e8 |
rgb(176,193,232) |
hsl(222,54%,80%) |
#9db1e2 |
rgb(157,177,226) |
hsl(222,54%,75%) |
#89a2dc |
rgb(137,162,220) |
hsl(222,54%,70%) |
#7692d6 |
rgb(118,146,214) |
hsl(222,54%,65%) |
#6283d0 |
rgb(98,131,208) |
hsl(222,54%,60%) |
#4e73ca |
rgb(78,115,202) |
hsl(222,54%,55%) |
#3b64c4 |
rgb(59,100,196) |
hsl(222,54%,50%) |
#355ab1 |
rgb(53,90,177) |
hsl(222,54%,45%) |
#2f509d |
rgb(47,80,157) |
hsl(222,54%,40%) |
#294689 |
rgb(41,70,137) |
hsl(222,54%,35%) |
#233c76 |
rgb(35,60,118) |
hsl(222,54%,30%) |
#1d3262 |
rgb(29,50,98) |
hsl(222,54%,25%) |
#17284f |
rgb(23,40,79) |
hsl(222,54%,20%) |
#121e3b |
rgb(18,30,59) |
hsl(222,54%,15%) |
#0c1427 |
rgb(12,20,39) |
hsl(222,54%,10%) |
#060a14 |
rgb(6,10,20) |
hsl(222,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABFC4 |
rgb(58,191,196) |
hsl(182,54%,50%) |
#3A63C4 |
rgb(58,99,196) |
hsl(222,54%,50%) |
#6D3BC4 |
rgb(109,59,196) |
hsl(262,54%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7894D7 |
rgb(120,148,215) |
hsl(222,54%,66%) |
#587ACD |
rgb(88,122,205) |
hsl(223,54%,57%) |
#3A63C4 |
rgb(58,99,196) |
hsl(222,54%,50%) |
#3054A4 |
rgb(48,84,164) |
hsl(221,55%,42%) |
#274285 |
rgb(39,66,133) |
hsl(223,55%,34%) |
#1E3365 |
rgb(30,51,101) |
hsl(222,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63C4 |
rgb(58,99,196) |
hsl(222,54%,50%) |
#C4573A |
rgb(196,87,58) |
hsl(13,54%,50%) |
#A8C43A |
rgb(168,196,58) |
hsl(72,54%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63C4 |
rgb(58,99,196) |
hsl(222,54%,50%) |
#C49C3A |
rgb(196,156,58) |
hsl(43,54%,50%) |
#3AA8C4 |
rgb(58,168,196) |
hsl(192,54%,50%) |
#A8C43A |
rgb(168,196,58) |
hsl(72,54%,50%) |