HEX #3C6BC9 color — Indigo
The color #3C6BC9 is a dark shade and moderately saturated.
Palette
3C6BC9 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(220,57%,96%) |
#dbe4f5 |
rgb(219,228,245) |
hsl(220,57%,91%) |
#c7d5f0 |
rgb(199,213,240) |
hsl(220,57%,86%) |
#b3c5ea |
rgb(179,197,234) |
hsl(220,57%,81%) |
#9fb6e5 |
rgb(159,182,229) |
hsl(220,57%,76%) |
#8ba7df |
rgb(139,167,223) |
hsl(220,57%,71%) |
#7798da |
rgb(119,152,218) |
hsl(220,57%,66%) |
#6389d4 |
rgb(99,137,212) |
hsl(220,57%,61%) |
#4f79cf |
rgb(79,121,207) |
hsl(220,57%,56%) |
#3b6ac9 |
rgb(59,106,201) |
hsl(220,57%,51%) |
#325fb8 |
rgb(50,95,184) |
hsl(220,57%,46%) |
#2d55a4 |
rgb(45,85,164) |
hsl(220,57%,41%) |
#274a90 |
rgb(39,74,144) |
hsl(220,57%,36%) |
#22407c |
rgb(34,64,124) |
hsl(220,57%,31%) |
#1d3668 |
rgb(29,54,104) |
hsl(220,57%,26%) |
#172b54 |
rgb(23,43,84) |
hsl(220,57%,21%) |
#122140 |
rgb(18,33,64) |
hsl(220,57%,16%) |
#0c172c |
rgb(12,23,44) |
hsl(220,57%,11%) |
#070c18 |
rgb(7,12,24) |
hsl(220,57%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC9C9 |
rgb(60,201,201) |
hsl(180,57%,51%) |
#3C6BC9 |
rgb(60,107,201) |
hsl(220,57%,51%) |
#6B3DC9 |
rgb(107,61,201) |
hsl(260,56%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D9CDB |
rgb(125,156,219) |
hsl(220,57%,67%) |
#5C85D2 |
rgb(92,133,210) |
hsl(219,57%,59%) |
#3C6BC9 |
rgb(60,107,201) |
hsl(220,57%,51%) |
#2F59AB |
rgb(47,89,171) |
hsl(220,57%,43%) |
#26478A |
rgb(38,71,138) |
hsl(220,57%,35%) |
#1D386A |
rgb(29,56,106) |
hsl(219,57%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6BC9 |
rgb(60,107,201) |
hsl(220,57%,51%) |
#C9543C |
rgb(201,84,60) |
hsl(10,57%,51%) |
#B1C93C |
rgb(177,201,60) |
hsl(70,57%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6BC9 |
rgb(60,107,201) |
hsl(220,57%,51%) |
#C9993C |
rgb(201,153,60) |
hsl(40,57%,51%) |
#3CB3C9 |
rgb(60,179,201) |
hsl(189,57%,51%) |
#B1C93C |
rgb(177,201,60) |
hsl(70,57%,51%) |