HEX #3B6FC4 color — Indigo
The color #3b6fc4 is a dark shade and moderately saturated.
Palette
3b6fc4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf1f9 |
rgb(235,241,249) |
hsl(217,54%,95%) |
| #d8e2f3 |
rgb(216,226,243) |
hsl(217,54%,90%) |
| #c4d4ed |
rgb(196,212,237) |
hsl(217,54%,85%) |
| #b0c6e8 |
rgb(176,198,232) |
hsl(217,54%,80%) |
| #9db7e2 |
rgb(157,183,226) |
hsl(217,54%,75%) |
| #89a9dc |
rgb(137,169,220) |
hsl(217,54%,70%) |
| #769bd6 |
rgb(118,155,214) |
hsl(217,54%,65%) |
| #628cd0 |
rgb(98,140,208) |
hsl(217,54%,60%) |
| #4e7eca |
rgb(78,126,202) |
hsl(217,54%,55%) |
| #3b6fc4 |
rgb(59,111,196) |
hsl(217,54%,50%) |
| #3564b1 |
rgb(53,100,177) |
hsl(217,54%,45%) |
| #2f599d |
rgb(47,89,157) |
hsl(217,54%,40%) |
| #294e89 |
rgb(41,78,137) |
hsl(217,54%,35%) |
| #234376 |
rgb(35,67,118) |
hsl(217,54%,30%) |
| #1d3862 |
rgb(29,56,98) |
hsl(217,54%,25%) |
| #172d4f |
rgb(23,45,79) |
hsl(217,54%,20%) |
| #12213b |
rgb(18,33,59) |
hsl(217,54%,15%) |
| #0c1627 |
rgb(12,22,39) |
hsl(217,54%,10%) |
| #060b14 |
rgb(6,11,20) |
hsl(217,54%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3BC4BD |
rgb(59,196,189) |
hsl(177,54%,50%) |
| #3B6FC4 |
rgb(59,111,196) |
hsl(217,54%,50%) |
| #623BC4 |
rgb(98,59,196) |
hsl(257,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #799ED6 |
rgb(121,158,214) |
hsl(216,53%,66%) |
| #5A87CD |
rgb(90,135,205) |
hsl(217,53%,58%) |
| #3B6FC4 |
rgb(59,111,196) |
hsl(217,54%,50%) |
| #315EA4 |
rgb(49,94,164) |
hsl(217,54%,42%) |
| #284D85 |
rgb(40,77,133) |
hsl(216,54%,34%) |
| #1E3B65 |
rgb(30,59,101) |
hsl(215,54%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3B6FC4 |
rgb(59,111,196) |
hsl(217,54%,50%) |
| #C44D3B |
rgb(196,77,59) |
hsl(8,54%,50%) |
| #B3C43B |
rgb(179,196,59) |
hsl(67,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3B6FC4 |
rgb(59,111,196) |
hsl(217,54%,50%) |
| #C48F3B |
rgb(196,143,59) |
hsl(37,54%,50%) |
| #3BB3C4 |
rgb(59,179,196) |
hsl(187,54%,50%) |
| #B3C43B |
rgb(179,196,59) |
hsl(67,54%,50%) |
