HEX #F28AB0 color — Mauvelous
The color #F28AB0 is a light shade and slightly desaturated.
Palette
F28AB0 color palette from light to dark
HEX |
RGB |
HSL |
#fce8f0 |
rgb(252,232,240) |
hsl(338,80%,95%) |
#fad1e0 |
rgb(250,209,224) |
hsl(338,80%,90%) |
#f7bad1 |
rgb(247,186,209) |
hsl(338,80%,85%) |
#f5a3c1 |
rgb(245,163,193) |
hsl(338,80%,80%) |
#f28cb2 |
rgb(242,140,178) |
hsl(338,80%,75%) |
#f075a2 |
rgb(240,117,162) |
hsl(338,80%,70%) |
#ed5e93 |
rgb(237,94,147) |
hsl(338,80%,65%) |
#eb4783 |
rgb(235,71,131) |
hsl(338,80%,60%) |
#e83074 |
rgb(232,48,116) |
hsl(338,80%,55%) |
#e61a64 |
rgb(230,26,100) |
hsl(338,80%,50%) |
#cf175a |
rgb(207,23,90) |
hsl(338,80%,45%) |
#b81450 |
rgb(184,20,80) |
hsl(338,80%,40%) |
#a11246 |
rgb(161,18,70) |
hsl(338,80%,35%) |
#8a0f3c |
rgb(138,15,60) |
hsl(338,80%,30%) |
#730d32 |
rgb(115,13,50) |
hsl(338,80%,25%) |
#5c0a28 |
rgb(92,10,40) |
hsl(338,80%,20%) |
#45081e |
rgb(69,8,30) |
hsl(338,80%,15%) |
#2e0514 |
rgb(46,5,20) |
hsl(338,80%,10%) |
#17030a |
rgb(23,3,10) |
hsl(338,80%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#EE8AF2 |
rgb(238,138,242) |
hsl(298,80%,75%) |
#F28AB0 |
rgb(242,138,176) |
hsl(338,80%,75%) |
#F2A88A |
rgb(242,168,138) |
hsl(17,80%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FEF7F9 |
rgb(254,247,249) |
hsl(343,78%,98%) |
#F8C2D4 |
rgb(248,194,212) |
hsl(340,79%,87%) |
#F28AB0 |
rgb(242,138,176) |
hsl(338,80%,75%) |
#EB548B |
rgb(235,84,139) |
hsl(338,79%,63%) |
#E51C66 |
rgb(229,28,102) |
hsl(338,79%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#F28AB0 |
rgb(242,138,176) |
hsl(338,80%,75%) |
#8AF298 |
rgb(138,242,152) |
hsl(128,80%,75%) |
#8AE3F2 |
rgb(138,227,242) |
hsl(189,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F28AB0 |
rgb(242,138,176) |
hsl(338,80%,75%) |
#8AF2CC |
rgb(138,242,204) |
hsl(158,80%,75%) |
#F28AE4 |
rgb(242,138,228) |
hsl(308,80%,75%) |
#8AE3F2 |
rgb(138,227,242) |
hsl(189,80%,75%) |