HEX #859DF4 color — Portage
The color #859df4 is a light shade and slightly desaturated.
Palette
859df4 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(227,83%,99%) |
#e3e9fc |
rgb(227,233,252) |
hsl(227,83%,94%) |
#ccd6fa |
rgb(204,214,250) |
hsl(227,83%,89%) |
#b4c3f8 |
rgb(180,195,248) |
hsl(227,83%,84%) |
#9db0f6 |
rgb(157,176,246) |
hsl(227,83%,79%) |
#869ef4 |
rgb(134,158,244) |
hsl(227,83%,74%) |
#6e8bf2 |
rgb(110,139,242) |
hsl(227,83%,69%) |
#5778ef |
rgb(87,120,239) |
hsl(227,83%,64%) |
#4065ed |
rgb(64,101,237) |
hsl(227,83%,59%) |
#2853eb |
rgb(40,83,235) |
hsl(227,83%,54%) |
#1542e5 |
rgb(21,66,229) |
hsl(227,83%,49%) |
#133bcd |
rgb(19,59,205) |
hsl(227,83%,44%) |
#1135b6 |
rgb(17,53,182) |
hsl(227,83%,39%) |
#0f2e9f |
rgb(15,46,159) |
hsl(227,83%,34%) |
#0d2787 |
rgb(13,39,135) |
hsl(227,83%,29%) |
#0a2070 |
rgb(10,32,112) |
hsl(227,83%,24%) |
#081a59 |
rgb(8,26,89) |
hsl(227,83%,19%) |
#061341 |
rgb(6,19,65) |
hsl(227,83%,14%) |
#040c2a |
rgb(4,12,42) |
hsl(227,83%,9%) |
#020513 |
rgb(2,5,19) |
hsl(227,83%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#85E8F4 |
rgb(133,232,244) |
hsl(186,83%,74%) |
#859DF4 |
rgb(133,157,244) |
hsl(227,83%,74%) |
#B785F4 |
rgb(183,133,244) |
hsl(267,83%,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%) |
#859DF4 |
rgb(133,157,244) |
hsl(227,83%,74%) |
#4D70EF |
rgb(77,112,239) |
hsl(227,84%,62%) |
#1645EA |
rgb(22,69,234) |
hsl(227,83%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#859DF4 |
rgb(133,157,244) |
hsl(227,83%,74%) |
#F4A685 |
rgb(244,166,133) |
hsl(18,83%,74%) |
#D4F585 |
rgb(212,245,133) |
hsl(78,85%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#859DF4 |
rgb(133,157,244) |
hsl(227,83%,74%) |
#F4DB85 |
rgb(244,219,133) |
hsl(46,83%,74%) |
#85D4F4 |
rgb(133,212,244) |
hsl(197,83%,74%) |
#D4F585 |
rgb(212,245,133) |
hsl(78,85%,74%) |