HEX #3C66B9 color — Indigo
The color #3C66B9 is a dark shade and moderately saturated.
Palette
3C66B9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,51%,98%) |
#e4eaf6 |
rgb(228,234,246) |
hsl(220,51%,93%) |
#d1dbf0 |
rgb(209,219,240) |
hsl(220,51%,88%) |
#beccea |
rgb(190,204,234) |
hsl(220,51%,83%) |
#aabde4 |
rgb(170,189,228) |
hsl(220,51%,78%) |
#97aedd |
rgb(151,174,221) |
hsl(220,51%,73%) |
#84a0d7 |
rgb(132,160,215) |
hsl(220,51%,68%) |
#7191d1 |
rgb(113,145,209) |
hsl(220,51%,63%) |
#5d82cb |
rgb(93,130,203) |
hsl(220,51%,58%) |
#4a73c4 |
rgb(74,115,196) |
hsl(220,51%,53%) |
#3c66b9 |
rgb(60,102,185) |
hsl(220,51%,48%) |
#365ba6 |
rgb(54,91,166) |
hsl(220,51%,43%) |
#2f5092 |
rgb(47,80,146) |
hsl(220,51%,38%) |
#29467f |
rgb(41,70,127) |
hsl(220,51%,33%) |
#233b6c |
rgb(35,59,108) |
hsl(220,51%,28%) |
#1d3159 |
rgb(29,49,89) |
hsl(220,51%,23%) |
#162645 |
rgb(22,38,69) |
hsl(220,51%,18%) |
#101c32 |
rgb(16,28,50) |
hsl(220,51%,13%) |
#0a111f |
rgb(10,17,31) |
hsl(220,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(220,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CBAB8 |
rgb(60,186,184) |
hsl(179,51%,48%) |
#3C66B9 |
rgb(60,102,185) |
hsl(220,51%,48%) |
#653DB9 |
rgb(101,61,185) |
hsl(259,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7291D1 |
rgb(114,145,209) |
hsl(220,51%,63%) |
#547AC7 |
rgb(84,122,199) |
hsl(220,51%,55%) |
#3C66B9 |
rgb(60,102,185) |
hsl(220,51%,48%) |
#32579B |
rgb(50,87,155) |
hsl(219,51%,40%) |
#28457D |
rgb(40,69,125) |
hsl(220,52%,32%) |
#1F3660 |
rgb(31,54,96) |
hsl(219,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C66B9 |
rgb(60,102,185) |
hsl(220,51%,48%) |
#B9523C |
rgb(185,82,60) |
hsl(11,51%,48%) |
#A4BA3C |
rgb(164,186,60) |
hsl(70,51%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C66B9 |
rgb(60,102,185) |
hsl(220,51%,48%) |
#B98F3C |
rgb(185,143,60) |
hsl(40,51%,48%) |
#3CA6B9 |
rgb(60,166,185) |
hsl(189,51%,48%) |
#A4BA3C |
rgb(164,186,60) |
hsl(70,51%,48%) |