HEX #3A63C3 color — Indigo
The color #3A63C3 is a dark shade and moderately saturated.
Palette
3A63C3 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 |
#3ABFC3 |
rgb(58,191,195) |
hsl(182,54%,50%) |
#3A63C3 |
rgb(58,99,195) |
hsl(222,54%,50%) |
#6C3BC3 |
rgb(108,59,195) |
hsl(262,54%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7794D6 |
rgb(119,148,214) |
hsl(222,54%,65%) |
#587ACD |
rgb(88,122,205) |
hsl(223,54%,57%) |
#3A63C3 |
rgb(58,99,195) |
hsl(222,54%,50%) |
#3054A3 |
rgb(48,84,163) |
hsl(221,55%,41%) |
#274284 |
rgb(39,66,132) |
hsl(223,54%,34%) |
#1E3365 |
rgb(30,51,101) |
hsl(222,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63C3 |
rgb(58,99,195) |
hsl(222,54%,50%) |
#C3573A |
rgb(195,87,58) |
hsl(13,54%,50%) |
#A7C23A |
rgb(167,194,58) |
hsl(72,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63C3 |
rgb(58,99,195) |
hsl(222,54%,50%) |
#C3993A |
rgb(195,153,58) |
hsl(42,54%,50%) |
#3AA8C3 |
rgb(58,168,195) |
hsl(192,54%,50%) |
#A7C23A |
rgb(167,194,58) |
hsl(72,54%,49%) |