HEX #7896E4 color — Portage
The color #7896E4 is a light shade and slightly desaturated.
Palette
7896E4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fd |
rgb(246,248,253) |
hsl(223,67%,98%) |
#e1e8f9 |
rgb(225,232,249) |
hsl(223,67%,93%) |
#ccd8f5 |
rgb(204,216,245) |
hsl(223,67%,88%) |
#b7c7f1 |
rgb(183,199,241) |
hsl(223,67%,83%) |
#a1b7ec |
rgb(161,183,236) |
hsl(223,67%,78%) |
#8ca6e8 |
rgb(140,166,232) |
hsl(223,67%,73%) |
#7796e4 |
rgb(119,150,228) |
hsl(223,67%,68%) |
#6185e0 |
rgb(97,133,224) |
hsl(223,67%,63%) |
#4c75dc |
rgb(76,117,220) |
hsl(223,67%,58%) |
#3764d7 |
rgb(55,100,215) |
hsl(223,67%,53%) |
#2857cc |
rgb(40,87,204) |
hsl(223,67%,48%) |
#244eb7 |
rgb(36,78,183) |
hsl(223,67%,43%) |
#2045a2 |
rgb(32,69,162) |
hsl(223,67%,38%) |
#1c3c8d |
rgb(28,60,141) |
hsl(223,67%,33%) |
#183377 |
rgb(24,51,119) |
hsl(223,67%,28%) |
#132a62 |
rgb(19,42,98) |
hsl(223,67%,23%) |
#0f214d |
rgb(15,33,77) |
hsl(223,67%,18%) |
#0b1837 |
rgb(11,24,55) |
hsl(223,67%,13%) |
#070e22 |
rgb(7,14,34) |
hsl(223,67%,8%) |
#03050d |
rgb(3,5,13) |
hsl(223,67%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#78DEE4 |
rgb(120,222,228) |
hsl(183,67%,68%) |
#7896E4 |
rgb(120,150,228) |
hsl(223,67%,68%) |
#A278E4 |
rgb(162,120,228) |
hsl(263,67%,68%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D4DEF6 |
rgb(212,222,246) |
hsl(222,65%,90%) |
#A6BAED |
rgb(166,186,237) |
hsl(223,66%,79%) |
#7896E4 |
rgb(120,150,228) |
hsl(223,67%,68%) |
#4973DA |
rgb(73,115,218) |
hsl(223,66%,57%) |
#2754C5 |
rgb(39,84,197) |
hsl(223,67%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7896E4 |
rgb(120,150,228) |
hsl(223,67%,68%) |
#E48F78 |
rgb(228,143,120) |
hsl(13,67%,68%) |
#CCE378 |
rgb(204,227,120) |
hsl(73,66%,68%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7896E4 |
rgb(120,150,228) |
hsl(223,67%,68%) |
#E4C778 |
rgb(228,199,120) |
hsl(44,67%,68%) |
#78CCE4 |
rgb(120,204,228) |
hsl(193,67%,68%) |
#CCE378 |
rgb(204,227,120) |
hsl(73,66%,68%) |