HEX #3B5EB9 color — Indigo
The color #3B5EB9 is a dark shade and moderately saturated.
Palette
3B5EB9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,52%,98%) |
#e4e9f6 |
rgb(228,233,246) |
hsl(223,52%,93%) |
#d0daf0 |
rgb(208,218,240) |
hsl(223,52%,88%) |
#bdcaea |
rgb(189,202,234) |
hsl(223,52%,83%) |
#aabae4 |
rgb(170,186,228) |
hsl(223,52%,78%) |
#96abde |
rgb(150,171,222) |
hsl(223,52%,73%) |
#839bd8 |
rgb(131,155,216) |
hsl(223,52%,68%) |
#708bd2 |
rgb(112,139,210) |
hsl(223,52%,63%) |
#5c7ccc |
rgb(92,124,204) |
hsl(223,52%,58%) |
#496cc5 |
rgb(73,108,197) |
hsl(223,52%,53%) |
#3b5fba |
rgb(59,95,186) |
hsl(223,52%,48%) |
#3555a7 |
rgb(53,85,167) |
hsl(223,52%,43%) |
#2f4b93 |
rgb(47,75,147) |
hsl(223,52%,38%) |
#284180 |
rgb(40,65,128) |
hsl(223,52%,33%) |
#22376d |
rgb(34,55,109) |
hsl(223,52%,28%) |
#1c2d59 |
rgb(28,45,89) |
hsl(223,52%,23%) |
#162446 |
rgb(22,36,70) |
hsl(223,52%,18%) |
#101a32 |
rgb(16,26,50) |
hsl(223,52%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(223,52%,8%) |
#04060c |
rgb(4,6,12) |
hsl(223,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BB3B9 |
rgb(59,179,185) |
hsl(183,52%,48%) |
#3B5EB9 |
rgb(59,94,185) |
hsl(223,52%,48%) |
#6C3BB9 |
rgb(108,59,185) |
hsl(263,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#708CD1 |
rgb(112,140,209) |
hsl(223,51%,63%) |
#5273C8 |
rgb(82,115,200) |
hsl(223,52%,55%) |
#3B5EB9 |
rgb(59,94,185) |
hsl(223,52%,48%) |
#314F9B |
rgb(49,79,155) |
hsl(223,52%,40%) |
#28407D |
rgb(40,64,125) |
hsl(223,52%,32%) |
#1E3060 |
rgb(30,48,96) |
hsl(224,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B5EB9 |
rgb(59,94,185) |
hsl(223,52%,48%) |
#B9573B |
rgb(185,87,59) |
hsl(13,52%,48%) |
#9DBA3B |
rgb(157,186,59) |
hsl(74,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B5EB9 |
rgb(59,94,185) |
hsl(223,52%,48%) |
#B9963B |
rgb(185,150,59) |
hsl(43,52%,48%) |
#3B9EB9 |
rgb(59,158,185) |
hsl(193,52%,48%) |
#9DBA3B |
rgb(157,186,59) |
hsl(74,52%,48%) |