HEX #889CF0 color — Portage
The color #889CF0 is a light shade and slightly desaturated.
Palette
889CF0 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(228,78%,99%) |
#e4e9fc |
rgb(228,233,252) |
hsl(228,78%,94%) |
#cdd6f9 |
rgb(205,214,249) |
hsl(228,78%,89%) |
#b6c3f6 |
rgb(182,195,246) |
hsl(228,78%,84%) |
#a0b0f3 |
rgb(160,176,243) |
hsl(228,78%,79%) |
#899ef0 |
rgb(137,158,240) |
hsl(228,78%,74%) |
#728bee |
rgb(114,139,238) |
hsl(228,78%,69%) |
#5c78eb |
rgb(92,120,235) |
hsl(228,78%,64%) |
#4566e8 |
rgb(69,102,232) |
hsl(228,78%,59%) |
#2e53e5 |
rgb(46,83,229) |
hsl(228,78%,54%) |
#1b42de |
rgb(27,66,222) |
hsl(228,78%,49%) |
#193cc8 |
rgb(25,60,200) |
hsl(228,78%,44%) |
#1635b1 |
rgb(22,53,177) |
hsl(228,78%,39%) |
#132e9a |
rgb(19,46,154) |
hsl(228,78%,34%) |
#102784 |
rgb(16,39,132) |
hsl(228,78%,29%) |
#0d216d |
rgb(13,33,109) |
hsl(228,78%,24%) |
#0b1a56 |
rgb(11,26,86) |
hsl(228,78%,19%) |
#081340 |
rgb(8,19,64) |
hsl(228,78%,14%) |
#050c29 |
rgb(5,12,41) |
hsl(228,78%,9%) |
#020512 |
rgb(2,5,18) |
hsl(228,78%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#88E0F0 |
rgb(136,224,240) |
hsl(189,78%,74%) |
#889CF0 |
rgb(136,156,240) |
hsl(228,78%,74%) |
#B987F0 |
rgb(185,135,240) |
hsl(269,78%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F2F5FD |
rgb(242,245,253) |
hsl(224,73%,97%) |
#BDC9F6 |
rgb(189,201,246) |
hsl(227,76%,85%) |
#889CF0 |
rgb(136,156,240) |
hsl(228,78%,74%) |
#5270E9 |
rgb(82,112,233) |
hsl(228,77%,62%) |
#1D42E2 |
rgb(29,66,226) |
hsl(229,77%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#889CF0 |
rgb(136,156,240) |
hsl(228,78%,74%) |
#F0A888 |
rgb(240,168,136) |
hsl(18,78%,74%) |
#D0F088 |
rgb(208,240,136) |
hsl(78,78%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#889CF0 |
rgb(136,156,240) |
hsl(228,78%,74%) |
#F0DB88 |
rgb(240,219,136) |
hsl(48,78%,74%) |
#88D1F0 |
rgb(136,209,240) |
hsl(198,78%,74%) |
#D0F088 |
rgb(208,240,136) |
hsl(78,78%,74%) |