HEX #4680C3 color — Indigo
The color #4680C3 is a dark shade and moderately saturated.
Palette
4680C3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(212,51%,97%) |
#e0eaf5 |
rgb(224,234,245) |
hsl(212,51%,92%) |
#cdddef |
rgb(205,221,239) |
hsl(212,51%,87%) |
#bad0e9 |
rgb(186,208,233) |
hsl(212,51%,82%) |
#a6c2e2 |
rgb(166,194,226) |
hsl(212,51%,77%) |
#93b5dc |
rgb(147,181,220) |
hsl(212,51%,72%) |
#80a8d6 |
rgb(128,168,214) |
hsl(212,51%,67%) |
#6d9bd0 |
rgb(109,155,208) |
hsl(212,51%,62%) |
#598ec9 |
rgb(89,142,201) |
hsl(212,51%,57%) |
#4680c3 |
rgb(70,128,195) |
hsl(212,51%,52%) |
#3b74b5 |
rgb(59,116,181) |
hsl(212,51%,47%) |
#3467a2 |
rgb(52,103,162) |
hsl(212,51%,42%) |
#2e5b8e |
rgb(46,91,142) |
hsl(212,51%,37%) |
#284f7b |
rgb(40,79,123) |
hsl(212,51%,32%) |
#224368 |
rgb(34,67,104) |
hsl(212,51%,27%) |
#1b3655 |
rgb(27,54,85) |
hsl(212,51%,22%) |
#152a41 |
rgb(21,42,65) |
hsl(212,51%,17%) |
#0f1e2e |
rgb(15,30,46) |
hsl(212,51%,12%) |
#09111b |
rgb(9,17,27) |
hsl(212,51%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#46C2B2 |
rgb(70,194,178) |
hsl(172,50%,52%) |
#4680C3 |
rgb(70,128,195) |
hsl(212,51%,52%) |
#5F45C3 |
rgb(95,69,195) |
hsl(252,51%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86ABD7 |
rgb(134,171,215) |
hsl(213,50%,68%) |
#6696CD |
rgb(102,150,205) |
hsl(212,51%,60%) |
#4680C3 |
rgb(70,128,195) |
hsl(212,51%,52%) |
#366BA8 |
rgb(54,107,168) |
hsl(212,51%,44%) |
#2C5788 |
rgb(44,87,136) |
hsl(212,51%,35%) |
#214268 |
rgb(33,66,104) |
hsl(212,52%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4680C3 |
rgb(70,128,195) |
hsl(212,51%,52%) |
#C34A46 |
rgb(195,74,70) |
hsl(2,51%,52%) |
#BEC246 |
rgb(190,194,70) |
hsl(62,50%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4680C3 |
rgb(70,128,195) |
hsl(212,51%,52%) |
#C38A46 |
rgb(195,138,70) |
hsl(33,51%,52%) |
#46BFC3 |
rgb(70,191,195) |
hsl(182,51%,52%) |
#BEC246 |
rgb(190,194,70) |
hsl(62,50%,52%) |