HEX #3C6EBD color — Indigo
The color #3C6EBD is a dark shade and moderately saturated.
Palette
3C6EBD color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,52%,99%) |
#e8eef8 |
rgb(232,238,248) |
hsl(217,52%,94%) |
#d4e0f2 |
rgb(212,224,242) |
hsl(217,52%,89%) |
#c1d1eb |
rgb(193,209,235) |
hsl(217,52%,84%) |
#aec3e5 |
rgb(174,195,229) |
hsl(217,52%,79%) |
#9ab5df |
rgb(154,181,223) |
hsl(217,52%,74%) |
#87a6d9 |
rgb(135,166,217) |
hsl(217,52%,69%) |
#7398d3 |
rgb(115,152,211) |
hsl(217,52%,64%) |
#608acd |
rgb(96,138,205) |
hsl(217,52%,59%) |
#4d7bc7 |
rgb(77,123,199) |
hsl(217,52%,54%) |
#3c6ebe |
rgb(60,110,190) |
hsl(217,52%,49%) |
#3663ab |
rgb(54,99,171) |
hsl(217,52%,44%) |
#305797 |
rgb(48,87,151) |
hsl(217,52%,39%) |
#2a4c84 |
rgb(42,76,132) |
hsl(217,52%,34%) |
#234170 |
rgb(35,65,112) |
hsl(217,52%,29%) |
#1d365d |
rgb(29,54,93) |
hsl(217,52%,24%) |
#172b4a |
rgb(23,43,74) |
hsl(217,52%,19%) |
#111f36 |
rgb(17,31,54) |
hsl(217,52%,14%) |
#0b1423 |
rgb(11,20,35) |
hsl(217,52%,9%) |
#050910 |
rgb(5,9,16) |
hsl(217,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CBDB6 |
rgb(60,189,182) |
hsl(177,52%,49%) |
#3C6EBD |
rgb(60,110,189) |
hsl(217,52%,49%) |
#603DBD |
rgb(96,61,189) |
hsl(256,51%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7599D3 |
rgb(117,153,211) |
hsl(217,52%,64%) |
#5785C9 |
rgb(87,133,201) |
hsl(216,51%,56%) |
#3C6EBD |
rgb(60,110,189) |
hsl(217,52%,49%) |
#325C9E |
rgb(50,92,158) |
hsl(217,52%,41%) |
#284A80 |
rgb(40,74,128) |
hsl(217,52%,33%) |
#1F3862 |
rgb(31,56,98) |
hsl(218,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6EBD |
rgb(60,110,189) |
hsl(217,52%,49%) |
#BD4A3C |
rgb(189,74,60) |
hsl(7,52%,49%) |
#AEBD3C |
rgb(174,189,60) |
hsl(67,52%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6EBD |
rgb(60,110,189) |
hsl(217,52%,49%) |
#BD8C3C |
rgb(189,140,60) |
hsl(37,52%,49%) |
#3CADBD |
rgb(60,173,189) |
hsl(187,52%,49%) |
#AEBD3C |
rgb(174,189,60) |
hsl(67,52%,49%) |