HEX #3B6BC5 color — Indigo
The color #3B6BC5 is a dark shade and moderately saturated.
Palette
3B6BC5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0f9 |
rgb(235,240,249) |
hsl(219,54%,95%) |
| #d8e1f3 |
rgb(216,225,243) |
hsl(219,54%,90%) |
| #c4d3ed |
rgb(196,211,237) |
hsl(219,54%,85%) |
| #b0c4e8 |
rgb(176,196,232) |
hsl(219,54%,80%) |
| #9db5e2 |
rgb(157,181,226) |
hsl(219,54%,75%) |
| #89a6dc |
rgb(137,166,220) |
hsl(219,54%,70%) |
| #7697d6 |
rgb(118,151,214) |
hsl(219,54%,65%) |
| #6288d0 |
rgb(98,136,208) |
hsl(219,54%,60%) |
| #4e7aca |
rgb(78,122,202) |
hsl(219,54%,55%) |
| #3b6bc4 |
rgb(59,107,196) |
hsl(219,54%,50%) |
| #3560b1 |
rgb(53,96,177) |
hsl(219,54%,45%) |
| #2f559d |
rgb(47,85,157) |
hsl(219,54%,40%) |
| #294b89 |
rgb(41,75,137) |
hsl(219,54%,35%) |
| #234076 |
rgb(35,64,118) |
hsl(219,54%,30%) |
| #1d3562 |
rgb(29,53,98) |
hsl(219,54%,25%) |
| #172b4f |
rgb(23,43,79) |
hsl(219,54%,20%) |
| #12203b |
rgb(18,32,59) |
hsl(219,54%,15%) |
| #0c1527 |
rgb(12,21,39) |
hsl(219,54%,10%) |
| #060b14 |
rgb(6,11,20) |
hsl(219,54%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3BC4C3 |
rgb(59,196,195) |
hsl(180,54%,50%) |
| #3B6BC5 |
rgb(59,107,197) |
hsl(219,54%,50%) |
| #673BC5 |
rgb(103,59,197) |
hsl(259,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7A9CD7 |
rgb(122,156,215) |
hsl(218,54%,66%) |
| #5A82CE |
rgb(90,130,206) |
hsl(219,54%,58%) |
| #3B6BC5 |
rgb(59,107,197) |
hsl(219,54%,50%) |
| #3159A5 |
rgb(49,89,165) |
hsl(219,54%,42%) |
| #274786 |
rgb(39,71,134) |
hsl(220,55%,34%) |
| #1E3866 |
rgb(30,56,102) |
hsl(218,55%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3B6BC5 |
rgb(59,107,197) |
hsl(219,54%,50%) |
| #C54F3B |
rgb(197,79,59) |
hsl(9,54%,50%) |
| #B0C43B |
rgb(176,196,59) |
hsl(69,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3B6BC5 |
rgb(59,107,197) |
hsl(219,54%,50%) |
| #C5943B |
rgb(197,148,59) |
hsl(39,54%,50%) |
| #3BB0C5 |
rgb(59,176,197) |
hsl(189,54%,50%) |
| #B0C43B |
rgb(176,196,59) |
hsl(69,54%,50%) |
