HEX #3A70C3 color — Indigo
The color #3A70C3 is a dark shade and moderately saturated.
Palette
3A70C3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1f9 |
rgb(235,241,249) |
hsl(216,54%,95%) |
#d8e3f3 |
rgb(216,227,243) |
hsl(216,54%,90%) |
#c4d5ed |
rgb(196,213,237) |
hsl(216,54%,85%) |
#b0c6e8 |
rgb(176,198,232) |
hsl(216,54%,80%) |
#9db8e2 |
rgb(157,184,226) |
hsl(216,54%,75%) |
#89aadc |
rgb(137,170,220) |
hsl(216,54%,70%) |
#769cd6 |
rgb(118,156,214) |
hsl(216,54%,65%) |
#628ed0 |
rgb(98,142,208) |
hsl(216,54%,60%) |
#4e80ca |
rgb(78,128,202) |
hsl(216,54%,55%) |
#3b72c4 |
rgb(59,114,196) |
hsl(216,54%,50%) |
#3566b1 |
rgb(53,102,177) |
hsl(216,54%,45%) |
#2f5b9d |
rgb(47,91,157) |
hsl(216,54%,40%) |
#295089 |
rgb(41,80,137) |
hsl(216,54%,35%) |
#234476 |
rgb(35,68,118) |
hsl(216,54%,30%) |
#1d3962 |
rgb(29,57,98) |
hsl(216,54%,25%) |
#172d4f |
rgb(23,45,79) |
hsl(216,54%,20%) |
#12223b |
rgb(18,34,59) |
hsl(216,54%,15%) |
#0c1727 |
rgb(12,23,39) |
hsl(216,54%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(216,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC2BA |
rgb(58,194,186) |
hsl(176,54%,49%) |
#3A70C3 |
rgb(58,112,195) |
hsl(216,54%,50%) |
#5F3BC3 |
rgb(95,59,195) |
hsl(256,54%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#779ED6 |
rgb(119,158,214) |
hsl(215,54%,65%) |
#5887CD |
rgb(88,135,205) |
hsl(216,54%,57%) |
#3A70C3 |
rgb(58,112,195) |
hsl(216,54%,50%) |
#305EA3 |
rgb(48,94,163) |
hsl(216,55%,41%) |
#274D84 |
rgb(39,77,132) |
hsl(215,54%,34%) |
#1E3B65 |
rgb(30,59,101) |
hsl(215,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70C3 |
rgb(58,112,195) |
hsl(216,54%,50%) |
#C3473A |
rgb(195,71,58) |
hsl(6,54%,50%) |
#B4C23A |
rgb(180,194,58) |
hsl(66,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70C3 |
rgb(58,112,195) |
hsl(216,54%,50%) |
#C38C3A |
rgb(195,140,58) |
hsl(36,54%,50%) |
#3AB5C3 |
rgb(58,181,195) |
hsl(186,54%,50%) |
#B4C23A |
rgb(180,194,58) |
hsl(66,54%,49%) |