HEX #5B7DC2 color — Indigo
The color #5B7DC2 is a dark shade and moderately saturated.
Palette
5B7DC2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f9 |
rgb(240,243,249) |
hsl(220,46%,96%) |
#dde5f3 |
rgb(221,229,243) |
hsl(220,46%,91%) |
#cbd6ec |
rgb(203,214,236) |
hsl(220,46%,86%) |
#b8c7e5 |
rgb(184,199,229) |
hsl(220,46%,81%) |
#a6b8de |
rgb(166,184,222) |
hsl(220,46%,76%) |
#93aad7 |
rgb(147,170,215) |
hsl(220,46%,71%) |
#809bd0 |
rgb(128,155,208) |
hsl(220,46%,66%) |
#6e8cc9 |
rgb(110,140,201) |
hsl(220,46%,61%) |
#5b7ec2 |
rgb(91,126,194) |
hsl(220,46%,56%) |
#496fbc |
rgb(73,111,188) |
hsl(220,46%,51%) |
#3f63ab |
rgb(63,99,171) |
hsl(220,46%,46%) |
#385999 |
rgb(56,89,153) |
hsl(220,46%,41%) |
#324e86 |
rgb(50,78,134) |
hsl(220,46%,36%) |
#2b4373 |
rgb(43,67,115) |
hsl(220,46%,31%) |
#243861 |
rgb(36,56,97) |
hsl(220,46%,26%) |
#1d2d4e |
rgb(29,45,78) |
hsl(220,46%,21%) |
#16233c |
rgb(22,35,60) |
hsl(220,46%,16%) |
#0f1829 |
rgb(15,24,41) |
hsl(220,46%,11%) |
#080d16 |
rgb(8,13,22) |
hsl(220,46%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BC2C2 |
rgb(91,194,194) |
hsl(180,46%,56%) |
#5B7DC2 |
rgb(91,125,194) |
hsl(220,46%,56%) |
#7D5CC2 |
rgb(125,92,194) |
hsl(259,46%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DB3DA |
rgb(157,179,218) |
hsl(218,45%,74%) |
#7C96CE |
rgb(124,150,206) |
hsl(221,46%,65%) |
#5B7DC2 |
rgb(91,125,194) |
hsl(220,46%,56%) |
#4066AE |
rgb(64,102,174) |
hsl(219,46%,47%) |
#34528D |
rgb(52,82,141) |
hsl(220,46%,38%) |
#28406C |
rgb(40,64,108) |
hsl(219,46%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7DC2 |
rgb(91,125,194) |
hsl(220,46%,56%) |
#C26E5B |
rgb(194,110,91) |
hsl(11,46%,56%) |
#B0C25B |
rgb(176,194,91) |
hsl(70,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7DC2 |
rgb(91,125,194) |
hsl(220,46%,56%) |
#C2A15B |
rgb(194,161,91) |
hsl(41,46%,56%) |
#5BB0C2 |
rgb(91,176,194) |
hsl(190,46%,56%) |
#B0C25B |
rgb(176,194,91) |
hsl(70,46%,56%) |