HEX #4770C2 color — Indigo
The color #4770C2 is a dark shade and moderately saturated.
Palette
4770C2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,50%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(220,50%,92%) |
#cdd8ee |
rgb(205,216,238) |
hsl(220,50%,87%) |
#bac9e8 |
rgb(186,201,232) |
hsl(220,50%,82%) |
#a7bbe2 |
rgb(167,187,226) |
hsl(220,50%,77%) |
#94acdb |
rgb(148,172,219) |
hsl(220,50%,72%) |
#819dd5 |
rgb(129,157,213) |
hsl(220,50%,67%) |
#6e8ecf |
rgb(110,142,207) |
hsl(220,50%,62%) |
#5b7fc8 |
rgb(91,127,200) |
hsl(220,50%,57%) |
#4770c2 |
rgb(71,112,194) |
hsl(220,50%,52%) |
#3c64b4 |
rgb(60,100,180) |
hsl(220,50%,47%) |
#3659a1 |
rgb(54,89,161) |
hsl(220,50%,42%) |
#2f4f8e |
rgb(47,79,142) |
hsl(220,50%,37%) |
#29447a |
rgb(41,68,122) |
hsl(220,50%,32%) |
#223967 |
rgb(34,57,103) |
hsl(220,50%,27%) |
#1c2f54 |
rgb(28,47,84) |
hsl(220,50%,22%) |
#162441 |
rgb(22,36,65) |
hsl(220,50%,17%) |
#0f1a2e |
rgb(15,26,46) |
hsl(220,50%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(220,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(220,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#47C2C2 |
rgb(71,194,194) |
hsl(180,50%,52%) |
#4770C2 |
rgb(71,112,194) |
hsl(220,50%,52%) |
#7047C2 |
rgb(112,71,194) |
hsl(260,50%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A1D7 |
rgb(134,161,215) |
hsl(220,50%,68%) |
#668ACC |
rgb(102,138,204) |
hsl(219,50%,60%) |
#4770C2 |
rgb(71,112,194) |
hsl(220,50%,52%) |
#375CA7 |
rgb(55,92,167) |
hsl(220,50%,44%) |
#2C4A87 |
rgb(44,74,135) |
hsl(220,51%,35%) |
#223867 |
rgb(34,56,103) |
hsl(221,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4770C2 |
rgb(71,112,194) |
hsl(220,50%,52%) |
#C25C47 |
rgb(194,92,71) |
hsl(10,50%,52%) |
#ADC247 |
rgb(173,194,71) |
hsl(70,50%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4770C2 |
rgb(71,112,194) |
hsl(220,50%,52%) |
#C29947 |
rgb(194,153,71) |
hsl(40,50%,52%) |
#47ADC2 |
rgb(71,173,194) |
hsl(190,50%,52%) |
#ADC247 |
rgb(173,194,71) |
hsl(70,50%,52%) |