HEX #899CF0 color — Portage
The color #899cf0 is a light shade and slightly desaturated.
Palette
899cf0 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(229,77%,99%) |
#e4e8fb |
rgb(228,232,251) |
hsl(229,77%,94%) |
#cdd5f9 |
rgb(205,213,249) |
hsl(229,77%,89%) |
#b7c2f6 |
rgb(183,194,246) |
hsl(229,77%,84%) |
#a0aff3 |
rgb(160,175,243) |
hsl(229,77%,79%) |
#8a9cf0 |
rgb(138,156,240) |
hsl(229,77%,74%) |
#7389ed |
rgb(115,137,237) |
hsl(229,77%,69%) |
#5d76ea |
rgb(93,118,234) |
hsl(229,77%,64%) |
#4663e7 |
rgb(70,99,231) |
hsl(229,77%,59%) |
#2f50e4 |
rgb(47,80,228) |
hsl(229,77%,54%) |
#1d40dd |
rgb(29,64,221) |
hsl(229,77%,49%) |
#1a39c7 |
rgb(26,57,199) |
hsl(229,77%,44%) |
#1733b0 |
rgb(23,51,176) |
hsl(229,77%,39%) |
#142c99 |
rgb(20,44,153) |
hsl(229,77%,34%) |
#112683 |
rgb(17,38,131) |
hsl(229,77%,29%) |
#0e1f6c |
rgb(14,31,108) |
hsl(229,77%,24%) |
#0b1956 |
rgb(11,25,86) |
hsl(229,77%,19%) |
#08123f |
rgb(8,18,63) |
hsl(229,77%,14%) |
#050c29 |
rgb(5,12,41) |
hsl(229,77%,9%) |
#020512 |
rgb(2,5,18) |
hsl(229,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#89E0F0 |
rgb(137,224,240) |
hsl(189,77%,74%) |
#899CF0 |
rgb(137,156,240) |
hsl(229,77%,74%) |
#BA8AF0 |
rgb(186,138,240) |
hsl(268,77%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F4F5FD |
rgb(244,245,253) |
hsl(233,69%,97%) |
#BEC9F6 |
rgb(190,201,246) |
hsl(228,76%,85%) |
#899CF0 |
rgb(137,156,240) |
hsl(229,77%,74%) |
#5370E9 |
rgb(83,112,233) |
hsl(228,77%,62%) |
#1D42E2 |
rgb(29,66,226) |
hsl(229,77%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#899CF0 |
rgb(137,156,240) |
hsl(229,77%,74%) |
#F0A889 |
rgb(240,168,137) |
hsl(18,77%,74%) |
#CFF089 |
rgb(207,240,137) |
hsl(79,77%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#899CF0 |
rgb(137,156,240) |
hsl(229,77%,74%) |
#F0DE89 |
rgb(240,222,137) |
hsl(50,77%,74%) |
#89CFF0 |
rgb(137,207,240) |
hsl(199,77%,74%) |
#CFF089 |
rgb(207,240,137) |
hsl(79,77%,74%) |