HEX #5B78C5 color — Indigo
The color #5B78C5 is a dark shade and moderately saturated.
Palette
5B78C5 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(224,48%,96%) |
#dde3f3 |
rgb(221,227,243) |
hsl(224,48%,91%) |
#cad3ec |
rgb(202,211,236) |
hsl(224,48%,86%) |
#b7c4e6 |
rgb(183,196,230) |
hsl(224,48%,81%) |
#a4b4df |
rgb(164,180,223) |
hsl(224,48%,76%) |
#92a4d9 |
rgb(146,164,217) |
hsl(224,48%,71%) |
#7f95d2 |
rgb(127,149,210) |
hsl(224,48%,66%) |
#6c85cb |
rgb(108,133,203) |
hsl(224,48%,61%) |
#5976c5 |
rgb(89,118,197) |
hsl(224,48%,56%) |
#4666be |
rgb(70,102,190) |
hsl(224,48%,51%) |
#3d5bae |
rgb(61,91,174) |
hsl(224,48%,46%) |
#36519b |
rgb(54,81,155) |
hsl(224,48%,41%) |
#304788 |
rgb(48,71,136) |
hsl(224,48%,36%) |
#293d75 |
rgb(41,61,117) |
hsl(224,48%,31%) |
#223362 |
rgb(34,51,98) |
hsl(224,48%,26%) |
#1c2a4f |
rgb(28,42,79) |
hsl(224,48%,21%) |
#15203c |
rgb(21,32,60) |
hsl(224,48%,16%) |
#0f162a |
rgb(15,22,42) |
hsl(224,48%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(224,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(224,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BBFC5 |
rgb(91,191,197) |
hsl(183,48%,56%) |
#5B78C5 |
rgb(91,120,197) |
hsl(224,48%,56%) |
#845CC5 |
rgb(132,92,197) |
hsl(263,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB0DD |
rgb(159,176,221) |
hsl(224,48%,75%) |
#7D94D1 |
rgb(125,148,209) |
hsl(224,48%,65%) |
#5B78C5 |
rgb(91,120,197) |
hsl(224,48%,56%) |
#3F5EB2 |
rgb(63,94,178) |
hsl(224,48%,47%) |
#334D90 |
rgb(51,77,144) |
hsl(223,48%,38%) |
#273B6E |
rgb(39,59,110) |
hsl(223,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B78C5 |
rgb(91,120,197) |
hsl(224,48%,56%) |
#C5735B |
rgb(197,115,91) |
hsl(14,48%,56%) |
#ADC45B |
rgb(173,196,91) |
hsl(73,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B78C5 |
rgb(91,120,197) |
hsl(224,48%,56%) |
#C5A85B |
rgb(197,168,91) |
hsl(44,48%,56%) |
#5BADC5 |
rgb(91,173,197) |
hsl(194,48%,56%) |
#ADC45B |
rgb(173,196,91) |
hsl(73,47%,56%) |