HEX #5F80C4 color — Indigo
The color #5F80C4 is a dark shade and moderately saturated.
Palette
5F80C4 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,46%,97%) |
#e1e7f4 |
rgb(225,231,244) |
hsl(220,46%,92%) |
#cfd9ed |
rgb(207,217,237) |
hsl(220,46%,87%) |
#bccae6 |
rgb(188,202,230) |
hsl(220,46%,82%) |
#a9bbdf |
rgb(169,187,223) |
hsl(220,46%,77%) |
#97add8 |
rgb(151,173,216) |
hsl(220,46%,72%) |
#849ed2 |
rgb(132,158,210) |
hsl(220,46%,67%) |
#728fcb |
rgb(114,143,203) |
hsl(220,46%,62%) |
#5f81c4 |
rgb(95,129,196) |
hsl(220,46%,57%) |
#4c72bd |
rgb(76,114,189) |
hsl(220,46%,52%) |
#4165af |
rgb(65,101,175) |
hsl(220,46%,47%) |
#3a5b9c |
rgb(58,91,156) |
hsl(220,46%,42%) |
#33508a |
rgb(51,80,138) |
hsl(220,46%,37%) |
#2c4577 |
rgb(44,69,119) |
hsl(220,46%,32%) |
#253a65 |
rgb(37,58,101) |
hsl(220,46%,27%) |
#1e2f52 |
rgb(30,47,82) |
hsl(220,46%,22%) |
#17253f |
rgb(23,37,63) |
hsl(220,46%,17%) |
#111a2d |
rgb(17,26,45) |
hsl(220,46%,12%) |
#0a0f1a |
rgb(10,15,26) |
hsl(220,46%,7%) |
#030407 |
rgb(3,4,7) |
hsl(220,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FC4C4 |
rgb(95,196,196) |
hsl(180,46%,57%) |
#5F80C4 |
rgb(95,128,196) |
hsl(220,46%,57%) |
#815EC4 |
rgb(129,94,196) |
hsl(261,46%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3B5DD |
rgb(163,181,221) |
hsl(221,46%,75%) |
#819CD0 |
rgb(129,156,208) |
hsl(219,46%,66%) |
#5F80C4 |
rgb(95,128,196) |
hsl(220,46%,57%) |
#4166B2 |
rgb(65,102,178) |
hsl(220,47%,48%) |
#355490 |
rgb(53,84,144) |
hsl(220,46%,39%) |
#28406E |
rgb(40,64,110) |
hsl(219,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F80C4 |
rgb(95,128,196) |
hsl(220,46%,57%) |
#C4705F |
rgb(196,112,95) |
hsl(10,46%,57%) |
#B2C45F |
rgb(178,196,95) |
hsl(71,46%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F80C4 |
rgb(95,128,196) |
hsl(220,46%,57%) |
#C4A35F |
rgb(196,163,95) |
hsl(40,46%,57%) |
#5FB3C4 |
rgb(95,179,196) |
hsl(190,46%,57%) |
#B2C45F |
rgb(178,196,95) |
hsl(71,46%,57%) |