HEX #3A6BC6 color — Indigo
The color #3A6BC6 is a dark shade and moderately saturated.
Palette
3A6BC6 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0f9 |
rgb(235,240,249) |
hsl(219,55%,95%) |
#d7e1f4 |
rgb(215,225,244) |
hsl(219,55%,90%) |
#c4d2ee |
rgb(196,210,238) |
hsl(219,55%,85%) |
#b0c4e8 |
rgb(176,196,232) |
hsl(219,55%,80%) |
#9cb5e2 |
rgb(156,181,226) |
hsl(219,55%,75%) |
#88a6dd |
rgb(136,166,221) |
hsl(219,55%,70%) |
#7597d7 |
rgb(117,151,215) |
hsl(219,55%,65%) |
#6188d1 |
rgb(97,136,209) |
hsl(219,55%,60%) |
#4d79cb |
rgb(77,121,203) |
hsl(219,55%,55%) |
#396ac6 |
rgb(57,106,198) |
hsl(219,55%,50%) |
#3460b2 |
rgb(52,96,178) |
hsl(219,55%,45%) |
#2e559e |
rgb(46,85,158) |
hsl(219,55%,40%) |
#284b8a |
rgb(40,75,138) |
hsl(219,55%,35%) |
#224077 |
rgb(34,64,119) |
hsl(219,55%,30%) |
#1d3563 |
rgb(29,53,99) |
hsl(219,55%,25%) |
#172b4f |
rgb(23,43,79) |
hsl(219,55%,20%) |
#11203b |
rgb(17,32,59) |
hsl(219,55%,15%) |
#0b1528 |
rgb(11,21,40) |
hsl(219,55%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(219,55%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC7C3 |
rgb(58,199,195) |
hsl(178,56%,50%) |
#3A6BC6 |
rgb(58,107,198) |
hsl(219,55%,50%) |
#663BC6 |
rgb(102,59,198) |
hsl(259,55%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#799CD8 |
rgb(121,156,216) |
hsl(218,55%,66%) |
#5982CF |
rgb(89,130,207) |
hsl(219,55%,58%) |
#3A6BC6 |
rgb(58,107,198) |
hsl(219,55%,50%) |
#3059A6 |
rgb(48,89,166) |
hsl(219,55%,42%) |
#274787 |
rgb(39,71,135) |
hsl(220,55%,34%) |
#1D3867 |
rgb(29,56,103) |
hsl(218,56%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BC6 |
rgb(58,107,198) |
hsl(219,55%,50%) |
#C64F3A |
rgb(198,79,58) |
hsl(9,55%,50%) |
#B1C73A |
rgb(177,199,58) |
hsl(69,56%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BC6 |
rgb(58,107,198) |
hsl(219,55%,50%) |
#C6943A |
rgb(198,148,58) |
hsl(39,55%,50%) |
#3AB0C6 |
rgb(58,176,198) |
hsl(189,55%,50%) |
#B1C73A |
rgb(177,199,58) |
hsl(69,56%,50%) |