HEX #5F84C4 color — Indigo
The color #5f84c4 is a dark shade and moderately saturated.
Palette
5f84c4 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(218,46%,97%) |
#e1e8f4 |
rgb(225,232,244) |
hsl(218,46%,92%) |
#cfdaed |
rgb(207,218,237) |
hsl(218,46%,87%) |
#bccbe6 |
rgb(188,203,230) |
hsl(218,46%,82%) |
#a9bddf |
rgb(169,189,223) |
hsl(218,46%,77%) |
#97afd8 |
rgb(151,175,216) |
hsl(218,46%,72%) |
#84a1d2 |
rgb(132,161,210) |
hsl(218,46%,67%) |
#7292cb |
rgb(114,146,203) |
hsl(218,46%,62%) |
#5f84c4 |
rgb(95,132,196) |
hsl(218,46%,57%) |
#4c76bd |
rgb(76,118,189) |
hsl(218,46%,52%) |
#4169af |
rgb(65,105,175) |
hsl(218,46%,47%) |
#3a5e9c |
rgb(58,94,156) |
hsl(218,46%,42%) |
#33538a |
rgb(51,83,138) |
hsl(218,46%,37%) |
#2c4877 |
rgb(44,72,119) |
hsl(218,46%,32%) |
#253c65 |
rgb(37,60,101) |
hsl(218,46%,27%) |
#1e3152 |
rgb(30,49,82) |
hsl(218,46%,22%) |
#17263f |
rgb(23,38,63) |
hsl(218,46%,17%) |
#111b2d |
rgb(17,27,45) |
hsl(218,46%,12%) |
#0a101a |
rgb(10,16,26) |
hsl(218,46%,7%) |
#030407 |
rgb(3,4,7) |
hsl(218,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FC4C0 |
rgb(95,196,192) |
hsl(178,46%,57%) |
#5F84C4 |
rgb(95,132,196) |
hsl(218,46%,57%) |
#7D5EC4 |
rgb(125,94,196) |
hsl(258,46%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3B8DD |
rgb(163,184,221) |
hsl(218,46%,75%) |
#819ED0 |
rgb(129,158,208) |
hsl(218,46%,66%) |
#5F84C4 |
rgb(95,132,196) |
hsl(218,46%,57%) |
#416BB2 |
rgb(65,107,178) |
hsl(218,47%,48%) |
#355790 |
rgb(53,87,144) |
hsl(218,46%,39%) |
#28426E |
rgb(40,66,110) |
hsl(218,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F84C4 |
rgb(95,132,196) |
hsl(218,46%,57%) |
#C46E5F |
rgb(196,110,95) |
hsl(9,46%,57%) |
#B6C45F |
rgb(182,196,95) |
hsl(68,46%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F84C4 |
rgb(95,132,196) |
hsl(218,46%,57%) |
#C49E5F |
rgb(196,158,95) |
hsl(37,46%,57%) |
#5FB8C4 |
rgb(95,184,196) |
hsl(187,46%,57%) |
#B6C45F |
rgb(182,196,95) |
hsl(68,46%,57%) |