HEX #5F78C6 color — Indigo
The color #5F78C6 is a dark shade and moderately saturated.
Palette
5F78C6 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(225,47%,97%) |
#e1e6f4 |
rgb(225,230,244) |
hsl(225,47%,92%) |
#ced6ed |
rgb(206,214,237) |
hsl(225,47%,87%) |
#bcc6e7 |
rgb(188,198,231) |
hsl(225,47%,82%) |
#a9b7e0 |
rgb(169,183,224) |
hsl(225,47%,77%) |
#96a7d9 |
rgb(150,167,217) |
hsl(225,47%,72%) |
#8397d2 |
rgb(131,151,210) |
hsl(225,47%,67%) |
#7187cc |
rgb(113,135,204) |
hsl(225,47%,62%) |
#5e78c5 |
rgb(94,120,197) |
hsl(225,47%,57%) |
#4b68be |
rgb(75,104,190) |
hsl(225,47%,52%) |
#405cb0 |
rgb(64,92,176) |
hsl(225,47%,47%) |
#39529d |
rgb(57,82,157) |
hsl(225,47%,42%) |
#32488b |
rgb(50,72,139) |
hsl(225,47%,37%) |
#2b3e78 |
rgb(43,62,120) |
hsl(225,47%,32%) |
#243565 |
rgb(36,53,101) |
hsl(225,47%,27%) |
#1e2b52 |
rgb(30,43,82) |
hsl(225,47%,22%) |
#172140 |
rgb(23,33,64) |
hsl(225,47%,17%) |
#10172d |
rgb(16,23,45) |
hsl(225,47%,12%) |
#090e1a |
rgb(9,14,26) |
hsl(225,47%,7%) |
#030407 |
rgb(3,4,7) |
hsl(225,47%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FBDC6 |
rgb(95,189,198) |
hsl(185,47%,57%) |
#5F78C6 |
rgb(95,120,198) |
hsl(225,47%,57%) |
#8A5EC6 |
rgb(138,94,198) |
hsl(265,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A4B3DE |
rgb(164,179,222) |
hsl(224,47%,76%) |
#8194D2 |
rgb(129,148,210) |
hsl(226,47%,66%) |
#5F78C6 |
rgb(95,120,198) |
hsl(225,47%,57%) |
#405CB5 |
rgb(64,92,181) |
hsl(226,48%,48%) |
#344D92 |
rgb(52,77,146) |
hsl(224,47%,39%) |
#283B70 |
rgb(40,59,112) |
hsl(224,47%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F78C6 |
rgb(95,120,198) |
hsl(225,47%,57%) |
#C67A5F |
rgb(198,122,95) |
hsl(16,47%,57%) |
#ABC75F |
rgb(171,199,95) |
hsl(76,48%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F78C6 |
rgb(95,120,198) |
hsl(225,47%,57%) |
#C6AD5F |
rgb(198,173,95) |
hsl(45,47%,57%) |
#5FABC6 |
rgb(95,171,198) |
hsl(196,47%,57%) |
#ABC75F |
rgb(171,199,95) |
hsl(76,48%,58%) |