HEX #3B6DC9 color — Indigo
The color #3b6dc9 is a dark shade and moderately saturated.
Palette
3b6dc9 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(219,57%,96%) |
#dbe4f5 |
rgb(219,228,245) |
hsl(219,57%,91%) |
#c7d5f0 |
rgb(199,213,240) |
hsl(219,57%,86%) |
#b3c6ea |
rgb(179,198,234) |
hsl(219,57%,81%) |
#9fb7e5 |
rgb(159,183,229) |
hsl(219,57%,76%) |
#8ba8df |
rgb(139,168,223) |
hsl(219,57%,71%) |
#7799da |
rgb(119,153,218) |
hsl(219,57%,66%) |
#638bd4 |
rgb(99,139,212) |
hsl(219,57%,61%) |
#4f7ccf |
rgb(79,124,207) |
hsl(219,57%,56%) |
#3b6dc9 |
rgb(59,109,201) |
hsl(219,57%,51%) |
#3261b8 |
rgb(50,97,184) |
hsl(219,57%,46%) |
#2d57a4 |
rgb(45,87,164) |
hsl(219,57%,41%) |
#274c90 |
rgb(39,76,144) |
hsl(219,57%,36%) |
#22427c |
rgb(34,66,124) |
hsl(219,57%,31%) |
#1d3768 |
rgb(29,55,104) |
hsl(219,57%,26%) |
#172c54 |
rgb(23,44,84) |
hsl(219,57%,21%) |
#122240 |
rgb(18,34,64) |
hsl(219,57%,16%) |
#0c172c |
rgb(12,23,44) |
hsl(219,57%,11%) |
#070d18 |
rgb(7,13,24) |
hsl(219,57%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BC9C6 |
rgb(59,201,198) |
hsl(179,57%,51%) |
#3B6DC9 |
rgb(59,109,201) |
hsl(219,57%,51%) |
#673BC9 |
rgb(103,59,201) |
hsl(259,57%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C9EDA |
rgb(124,158,218) |
hsl(218,56%,67%) |
#5B85D1 |
rgb(91,133,209) |
hsl(219,56%,59%) |
#3B6DC9 |
rgb(59,109,201) |
hsl(219,57%,51%) |
#2F5CAB |
rgb(47,92,171) |
hsl(218,57%,43%) |
#264A8A |
rgb(38,74,138) |
hsl(218,57%,35%) |
#1D386A |
rgb(29,56,106) |
hsl(219,57%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B6DC9 |
rgb(59,109,201) |
hsl(219,57%,51%) |
#C94F3B |
rgb(201,79,59) |
hsl(8,57%,51%) |
#B4C93B |
rgb(180,201,59) |
hsl(69,57%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B6DC9 |
rgb(59,109,201) |
hsl(219,57%,51%) |
#C9963B |
rgb(201,150,59) |
hsl(38,57%,51%) |
#3BB5C9 |
rgb(59,181,201) |
hsl(188,57%,51%) |
#B4C93B |
rgb(180,201,59) |
hsl(69,57%,51%) |