HEX #5D77C6 color — Indigo
The color #5d77c6 is a dark shade and moderately saturated.
Palette
5d77c6 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(225,48%,97%) |
#e1e6f4 |
rgb(225,230,244) |
hsl(225,48%,92%) |
#ced6ee |
rgb(206,214,238) |
hsl(225,48%,87%) |
#bbc6e7 |
rgb(187,198,231) |
hsl(225,48%,82%) |
#a8b6e1 |
rgb(168,182,225) |
hsl(225,48%,77%) |
#95a6da |
rgb(149,166,218) |
hsl(225,48%,72%) |
#8297d3 |
rgb(130,151,211) |
hsl(225,48%,67%) |
#7087cd |
rgb(112,135,205) |
hsl(225,48%,62%) |
#5d77c6 |
rgb(93,119,198) |
hsl(225,48%,57%) |
#4a67bf |
rgb(74,103,191) |
hsl(225,48%,52%) |
#3e5bb1 |
rgb(62,91,177) |
hsl(225,48%,47%) |
#38519f |
rgb(56,81,159) |
hsl(225,48%,42%) |
#31488c |
rgb(49,72,140) |
hsl(225,48%,37%) |
#2a3e79 |
rgb(42,62,121) |
hsl(225,48%,32%) |
#243466 |
rgb(36,52,102) |
hsl(225,48%,27%) |
#1d2b53 |
rgb(29,43,83) |
hsl(225,48%,22%) |
#172140 |
rgb(23,33,64) |
hsl(225,48%,17%) |
#10172d |
rgb(16,23,45) |
hsl(225,48%,12%) |
#090e1a |
rgb(9,14,26) |
hsl(225,48%,7%) |
#030408 |
rgb(3,4,8) |
hsl(225,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5DBDC6 |
rgb(93,189,198) |
hsl(185,48%,57%) |
#5D77C6 |
rgb(93,119,198) |
hsl(225,48%,57%) |
#895CC6 |
rgb(137,92,198) |
hsl(265,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1B0DE |
rgb(161,176,222) |
hsl(225,48%,75%) |
#7F94D2 |
rgb(127,148,210) |
hsl(225,48%,66%) |
#5D77C6 |
rgb(93,119,198) |
hsl(225,48%,57%) |
#3F5CB4 |
rgb(63,92,180) |
hsl(225,48%,48%) |
#334A92 |
rgb(51,74,146) |
hsl(225,48%,39%) |
#27386F |
rgb(39,56,111) |
hsl(226,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5D77C6 |
rgb(93,119,198) |
hsl(225,48%,57%) |
#C6785D |
rgb(198,120,93) |
hsl(15,48%,57%) |
#ABC75D |
rgb(171,199,93) |
hsl(76,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5D77C6 |
rgb(93,119,198) |
hsl(225,48%,57%) |
#C6AB5D |
rgb(198,171,93) |
hsl(45,48%,57%) |
#5DABC6 |
rgb(93,171,198) |
hsl(195,48%,57%) |
#ABC75D |
rgb(171,199,93) |
hsl(76,49%,57%) |