HEX #5D80C5 color — Indigo
The color #5D80C5 is a dark shade and moderately saturated.
Palette
5D80C5 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,47%,97%) |
#e1e7f4 |
rgb(225,231,244) |
hsl(220,47%,92%) |
#ced9ed |
rgb(206,217,237) |
hsl(220,47%,87%) |
#bccae7 |
rgb(188,202,231) |
hsl(220,47%,82%) |
#a9bbe0 |
rgb(169,187,224) |
hsl(220,47%,77%) |
#96acd9 |
rgb(150,172,217) |
hsl(220,47%,72%) |
#839ed2 |
rgb(131,158,210) |
hsl(220,47%,67%) |
#718fcc |
rgb(113,143,204) |
hsl(220,47%,62%) |
#5e80c5 |
rgb(94,128,197) |
hsl(220,47%,57%) |
#4b71be |
rgb(75,113,190) |
hsl(220,47%,52%) |
#4065b0 |
rgb(64,101,176) |
hsl(220,47%,47%) |
#395a9d |
rgb(57,90,157) |
hsl(220,47%,42%) |
#32508b |
rgb(50,80,139) |
hsl(220,47%,37%) |
#2b4578 |
rgb(43,69,120) |
hsl(220,47%,32%) |
#243a65 |
rgb(36,58,101) |
hsl(220,47%,27%) |
#1e2f52 |
rgb(30,47,82) |
hsl(220,47%,22%) |
#172540 |
rgb(23,37,64) |
hsl(220,47%,17%) |
#101a2d |
rgb(16,26,45) |
hsl(220,47%,12%) |
#090f1a |
rgb(9,15,26) |
hsl(220,47%,7%) |
#030407 |
rgb(3,4,7) |
hsl(220,47%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5DC4C4 |
rgb(93,196,196) |
hsl(180,47%,57%) |
#5D80C5 |
rgb(93,128,197) |
hsl(220,47%,57%) |
#7F5CC5 |
rgb(127,92,197) |
hsl(260,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1B5DD |
rgb(161,181,221) |
hsl(220,47%,75%) |
#7F9CD1 |
rgb(127,156,209) |
hsl(219,47%,66%) |
#5D80C5 |
rgb(93,128,197) |
hsl(220,47%,57%) |
#4066B3 |
rgb(64,102,179) |
hsl(220,47%,48%) |
#335491 |
rgb(51,84,145) |
hsl(219,48%,38%) |
#27406F |
rgb(39,64,111) |
hsl(219,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5D80C5 |
rgb(93,128,197) |
hsl(220,47%,57%) |
#C56E5D |
rgb(197,110,93) |
hsl(10,47%,57%) |
#B4C45D |
rgb(180,196,93) |
hsl(69,47%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5D80C5 |
rgb(93,128,197) |
hsl(220,47%,57%) |
#C5A35D |
rgb(197,163,93) |
hsl(40,47%,57%) |
#5DB5C5 |
rgb(93,181,197) |
hsl(189,47%,57%) |
#B4C45D |
rgb(180,196,93) |
hsl(69,47%,57%) |