HEX #4774C2 color — Indigo
The color #4774c2 is a dark shade and moderately saturated.
Palette
4774c2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(218,50%,97%) |
#e0e8f5 |
rgb(224,232,245) |
hsl(218,50%,92%) |
#cdd9ee |
rgb(205,217,238) |
hsl(218,50%,87%) |
#bacbe8 |
rgb(186,203,232) |
hsl(218,50%,82%) |
#a7bde2 |
rgb(167,189,226) |
hsl(218,50%,77%) |
#94aedb |
rgb(148,174,219) |
hsl(218,50%,72%) |
#81a0d5 |
rgb(129,160,213) |
hsl(218,50%,67%) |
#6e91cf |
rgb(110,145,207) |
hsl(218,50%,62%) |
#5b83c8 |
rgb(91,131,200) |
hsl(218,50%,57%) |
#4774c2 |
rgb(71,116,194) |
hsl(218,50%,52%) |
#3c68b4 |
rgb(60,104,180) |
hsl(218,50%,47%) |
#365da1 |
rgb(54,93,161) |
hsl(218,50%,42%) |
#2f528e |
rgb(47,82,142) |
hsl(218,50%,37%) |
#29477a |
rgb(41,71,122) |
hsl(218,50%,32%) |
#223c67 |
rgb(34,60,103) |
hsl(218,50%,27%) |
#1c3154 |
rgb(28,49,84) |
hsl(218,50%,22%) |
#162641 |
rgb(22,38,65) |
hsl(218,50%,17%) |
#0f1b2e |
rgb(15,27,46) |
hsl(218,50%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(218,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(218,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#47C2BE |
rgb(71,194,190) |
hsl(178,50%,52%) |
#4774C2 |
rgb(71,116,194) |
hsl(218,50%,52%) |
#6C47C2 |
rgb(108,71,194) |
hsl(258,50%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A3D7 |
rgb(134,163,215) |
hsl(219,50%,68%) |
#668CCC |
rgb(102,140,204) |
hsl(218,50%,60%) |
#4774C2 |
rgb(71,116,194) |
hsl(218,50%,52%) |
#3761A7 |
rgb(55,97,167) |
hsl(218,50%,44%) |
#2C4F87 |
rgb(44,79,135) |
hsl(217,51%,35%) |
#223B67 |
rgb(34,59,103) |
hsl(218,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4774C2 |
rgb(71,116,194) |
hsl(218,50%,52%) |
#C25747 |
rgb(194,87,71) |
hsl(8,50%,52%) |
#B1C247 |
rgb(177,194,71) |
hsl(68,50%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4774C2 |
rgb(71,116,194) |
hsl(218,50%,52%) |
#C29447 |
rgb(194,148,71) |
hsl(38,50%,52%) |
#47B3C2 |
rgb(71,179,194) |
hsl(187,50%,52%) |
#B1C247 |
rgb(177,194,71) |
hsl(68,50%,52%) |