HEX #3A78C3 color — Indigo
The color #3A78C3 is a dark shade and moderately saturated.
Palette
3A78C3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf2f9 |
rgb(235,242,249) |
hsl(213,54%,95%) |
#d8e4f3 |
rgb(216,228,243) |
hsl(213,54%,90%) |
#c4d7ed |
rgb(196,215,237) |
hsl(213,54%,85%) |
#b0c9e8 |
rgb(176,201,232) |
hsl(213,54%,80%) |
#9dbce2 |
rgb(157,188,226) |
hsl(213,54%,75%) |
#89aedc |
rgb(137,174,220) |
hsl(213,54%,70%) |
#76a1d6 |
rgb(118,161,214) |
hsl(213,54%,65%) |
#6293d0 |
rgb(98,147,208) |
hsl(213,54%,60%) |
#4e86ca |
rgb(78,134,202) |
hsl(213,54%,55%) |
#3b79c4 |
rgb(59,121,196) |
hsl(213,54%,50%) |
#356db1 |
rgb(53,109,177) |
hsl(213,54%,45%) |
#2f609d |
rgb(47,96,157) |
hsl(213,54%,40%) |
#295489 |
rgb(41,84,137) |
hsl(213,54%,35%) |
#234876 |
rgb(35,72,118) |
hsl(213,54%,30%) |
#1d3c62 |
rgb(29,60,98) |
hsl(213,54%,25%) |
#17304f |
rgb(23,48,79) |
hsl(213,54%,20%) |
#12243b |
rgb(18,36,59) |
hsl(213,54%,15%) |
#0c1827 |
rgb(12,24,39) |
hsl(213,54%,10%) |
#060c14 |
rgb(6,12,20) |
hsl(213,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC2B2 |
rgb(58,194,178) |
hsl(173,54%,49%) |
#3A78C3 |
rgb(58,120,195) |
hsl(213,54%,50%) |
#573BC3 |
rgb(87,59,195) |
hsl(252,54%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A3D6 |
rgb(119,163,214) |
hsl(212,54%,65%) |
#588CCD |
rgb(88,140,205) |
hsl(213,54%,57%) |
#3A78C3 |
rgb(58,120,195) |
hsl(213,54%,50%) |
#3066A3 |
rgb(48,102,163) |
hsl(212,55%,41%) |
#275284 |
rgb(39,82,132) |
hsl(212,54%,34%) |
#1E3D65 |
rgb(30,61,101) |
hsl(214,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A78C3 |
rgb(58,120,195) |
hsl(213,54%,50%) |
#C3403A |
rgb(195,64,58) |
hsl(3,54%,50%) |
#BCC23A |
rgb(188,194,58) |
hsl(63,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A78C3 |
rgb(58,120,195) |
hsl(213,54%,50%) |
#C3853A |
rgb(195,133,58) |
hsl(33,54%,50%) |
#3ABDC3 |
rgb(58,189,195) |
hsl(183,54%,50%) |
#BCC23A |
rgb(188,194,58) |
hsl(63,54%,49%) |