HEX #778EE9 color — Portage
The color #778ee9 is a light shade and slightly desaturated.
Palette
778ee9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(228,72%,99%) |
#e5e9fb |
rgb(229,233,251) |
hsl(228,72%,94%) |
#cfd7f7 |
rgb(207,215,247) |
hsl(228,72%,89%) |
#b9c5f4 |
rgb(185,197,244) |
hsl(228,72%,84%) |
#a3b2f0 |
rgb(163,178,240) |
hsl(228,72%,79%) |
#8da0ec |
rgb(141,160,236) |
hsl(228,72%,74%) |
#778ee9 |
rgb(119,142,233) |
hsl(228,72%,69%) |
#617ce5 |
rgb(97,124,229) |
hsl(228,72%,64%) |
#4b69e2 |
rgb(75,105,226) |
hsl(228,72%,59%) |
#3557de |
rgb(53,87,222) |
hsl(228,72%,54%) |
#2347d7 |
rgb(35,71,215) |
hsl(228,72%,49%) |
#1f40c1 |
rgb(31,64,193) |
hsl(228,72%,44%) |
#1c38ab |
rgb(28,56,171) |
hsl(228,72%,39%) |
#183195 |
rgb(24,49,149) |
hsl(228,72%,34%) |
#152a7f |
rgb(21,42,127) |
hsl(228,72%,29%) |
#112369 |
rgb(17,35,105) |
hsl(228,72%,24%) |
#0e1c53 |
rgb(14,28,83) |
hsl(228,72%,19%) |
#0a143d |
rgb(10,20,61) |
hsl(228,72%,14%) |
#060d27 |
rgb(6,13,39) |
hsl(228,72%,9%) |
#030612 |
rgb(3,6,18) |
hsl(228,72%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#77D9E9 |
rgb(119,217,233) |
hsl(188,72%,69%) |
#778EE9 |
rgb(119,142,233) |
hsl(228,72%,69%) |
#AC78E9 |
rgb(172,120,233) |
hsl(268,72%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D7DEF8 |
rgb(215,222,248) |
hsl(227,70%,91%) |
#A7B5F0 |
rgb(167,181,240) |
hsl(228,71%,80%) |
#778EE9 |
rgb(119,142,233) |
hsl(228,72%,69%) |
#4666E1 |
rgb(70,102,225) |
hsl(228,72%,58%) |
#2145CE |
rgb(33,69,206) |
hsl(228,72%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#778EE9 |
rgb(119,142,233) |
hsl(228,72%,69%) |
#E99977 |
rgb(233,153,119) |
hsl(18,72%,69%) |
#C7E877 |
rgb(199,232,119) |
hsl(78,71%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#778EE9 |
rgb(119,142,233) |
hsl(228,72%,69%) |
#E9D177 |
rgb(233,209,119) |
hsl(47,72%,69%) |
#77C7E9 |
rgb(119,199,233) |
hsl(198,72%,69%) |
#C7E877 |
rgb(199,232,119) |
hsl(78,71%,69%) |