HEX #869CF3 color — Portage
The color #869CF3 is a light shade and slightly desaturated.
Palette
869CF3 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(228,82%,99%) |
#e3e8fc |
rgb(227,232,252) |
hsl(228,82%,94%) |
#ccd5fa |
rgb(204,213,250) |
hsl(228,82%,89%) |
#b5c2f8 |
rgb(181,194,248) |
hsl(228,82%,84%) |
#9eaff5 |
rgb(158,175,245) |
hsl(228,82%,79%) |
#869cf3 |
rgb(134,156,243) |
hsl(228,82%,74%) |
#6f89f1 |
rgb(111,137,241) |
hsl(228,82%,69%) |
#5876ee |
rgb(88,118,238) |
hsl(228,82%,64%) |
#4163ec |
rgb(65,99,236) |
hsl(228,82%,59%) |
#2a50ea |
rgb(42,80,234) |
hsl(228,82%,54%) |
#163fe3 |
rgb(22,63,227) |
hsl(228,82%,49%) |
#1439cc |
rgb(20,57,204) |
hsl(228,82%,44%) |
#1233b5 |
rgb(18,51,181) |
hsl(228,82%,39%) |
#102c9e |
rgb(16,44,158) |
hsl(228,82%,34%) |
#0d2687 |
rgb(13,38,135) |
hsl(228,82%,29%) |
#0b1f6f |
rgb(11,31,111) |
hsl(228,82%,24%) |
#091958 |
rgb(9,25,88) |
hsl(228,82%,19%) |
#061241 |
rgb(6,18,65) |
hsl(228,82%,14%) |
#040c2a |
rgb(4,12,42) |
hsl(228,82%,9%) |
#020513 |
rgb(2,5,19) |
hsl(228,82%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#86E6F3 |
rgb(134,230,243) |
hsl(187,82%,74%) |
#869CF3 |
rgb(134,156,243) |
hsl(228,82%,74%) |
#B887F3 |
rgb(184,135,243) |
hsl(267,82%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F3F5FD |
rgb(243,245,253) |
hsl(228,71%,97%) |
#BCC9F8 |
rgb(188,201,248) |
hsl(227,81%,85%) |
#869CF3 |
rgb(134,156,243) |
hsl(228,82%,74%) |
#4F70ED |
rgb(79,112,237) |
hsl(227,81%,62%) |
#1842E8 |
rgb(24,66,232) |
hsl(228,82%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#869CF3 |
rgb(134,156,243) |
hsl(228,82%,74%) |
#F3A686 |
rgb(243,166,134) |
hsl(18,82%,74%) |
#D2F286 |
rgb(210,242,134) |
hsl(78,81%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#869CF3 |
rgb(134,156,243) |
hsl(228,82%,74%) |
#F3DE86 |
rgb(243,222,134) |
hsl(48,82%,74%) |
#86D4F3 |
rgb(134,212,243) |
hsl(197,82%,74%) |
#D2F286 |
rgb(210,242,134) |
hsl(78,81%,74%) |