HEX #3C5BB9 color — Indigo
The color #3c5bb9 is a dark shade and moderately saturated.
Palette
3c5bb9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(225,51%,98%) |
#e4e9f6 |
rgb(228,233,246) |
hsl(225,51%,93%) |
#d1d9f0 |
rgb(209,217,240) |
hsl(225,51%,88%) |
#bec9ea |
rgb(190,201,234) |
hsl(225,51%,83%) |
#aab9e4 |
rgb(170,185,228) |
hsl(225,51%,78%) |
#97a9dd |
rgb(151,169,221) |
hsl(225,51%,73%) |
#8499d7 |
rgb(132,153,215) |
hsl(225,51%,68%) |
#7189d1 |
rgb(113,137,209) |
hsl(225,51%,63%) |
#5d79cb |
rgb(93,121,203) |
hsl(225,51%,58%) |
#4a69c4 |
rgb(74,105,196) |
hsl(225,51%,53%) |
#3c5bb9 |
rgb(60,91,185) |
hsl(225,51%,48%) |
#3652a6 |
rgb(54,82,166) |
hsl(225,51%,43%) |
#2f4892 |
rgb(47,72,146) |
hsl(225,51%,38%) |
#293f7f |
rgb(41,63,127) |
hsl(225,51%,33%) |
#23356c |
rgb(35,53,108) |
hsl(225,51%,28%) |
#1d2c59 |
rgb(29,44,89) |
hsl(225,51%,23%) |
#162245 |
rgb(22,34,69) |
hsl(225,51%,18%) |
#101932 |
rgb(16,25,50) |
hsl(225,51%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(225,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(225,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CADB9 |
rgb(60,173,185) |
hsl(186,51%,48%) |
#3C5BB9 |
rgb(60,91,185) |
hsl(225,51%,48%) |
#703DB9 |
rgb(112,61,185) |
hsl(265,50%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#728AD1 |
rgb(114,138,209) |
hsl(225,51%,63%) |
#5470C7 |
rgb(84,112,199) |
hsl(225,51%,55%) |
#3C5BB9 |
rgb(60,91,185) |
hsl(225,51%,48%) |
#324D9B |
rgb(50,77,155) |
hsl(225,51%,40%) |
#283D7D |
rgb(40,61,125) |
hsl(225,52%,32%) |
#1F3060 |
rgb(31,48,96) |
hsl(224,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5BB9 |
rgb(60,91,185) |
hsl(225,51%,48%) |
#B95C3C |
rgb(185,92,60) |
hsl(15,51%,48%) |
#99BA3C |
rgb(153,186,60) |
hsl(76,51%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5BB9 |
rgb(60,91,185) |
hsl(225,51%,48%) |
#B9993C |
rgb(185,153,60) |
hsl(45,51%,48%) |
#3C99B9 |
rgb(60,153,185) |
hsl(195,51%,48%) |
#99BA3C |
rgb(153,186,60) |
hsl(76,51%,48%) |