HEX #F28A9B color — Mauvelous
The color #F28A9B is a light shade and slightly desaturated.
Palette
F28A9B color palette from light to dark
HEX |
RGB |
HSL |
#fce8eb |
rgb(252,232,235) |
hsl(350,80%,95%) |
#fad1d8 |
rgb(250,209,216) |
hsl(350,80%,90%) |
#f7bac4 |
rgb(247,186,196) |
hsl(350,80%,85%) |
#f5a3b1 |
rgb(245,163,177) |
hsl(350,80%,80%) |
#f28c9d |
rgb(242,140,157) |
hsl(350,80%,75%) |
#f0758a |
rgb(240,117,138) |
hsl(350,80%,70%) |
#ed5e76 |
rgb(237,94,118) |
hsl(350,80%,65%) |
#eb4763 |
rgb(235,71,99) |
hsl(350,80%,60%) |
#e8304f |
rgb(232,48,79) |
hsl(350,80%,55%) |
#e61a3c |
rgb(230,26,60) |
hsl(350,80%,50%) |
#cf1736 |
rgb(207,23,54) |
hsl(350,80%,45%) |
#b81430 |
rgb(184,20,48) |
hsl(350,80%,40%) |
#a1122a |
rgb(161,18,42) |
hsl(350,80%,35%) |
#8a0f24 |
rgb(138,15,36) |
hsl(350,80%,30%) |
#730d1e |
rgb(115,13,30) |
hsl(350,80%,25%) |
#5c0a18 |
rgb(92,10,24) |
hsl(350,80%,20%) |
#450812 |
rgb(69,8,18) |
hsl(350,80%,15%) |
#2e050c |
rgb(46,5,12) |
hsl(350,80%,10%) |
#170306 |
rgb(23,3,6) |
hsl(350,80%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#F28AE0 |
rgb(242,138,224) |
hsl(310,80%,75%) |
#F28A9B |
rgb(242,138,155) |
hsl(350,80%,75%) |
#F2BF8A |
rgb(242,191,138) |
hsl(31,80%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FEF7F8 |
rgb(254,247,248) |
hsl(351,78%,98%) |
#F8C2C9 |
rgb(248,194,201) |
hsl(352,79%,87%) |
#F28A9B |
rgb(242,138,155) |
hsl(350,80%,75%) |
#EB546C |
rgb(235,84,108) |
hsl(350,79%,63%) |
#E51C3D |
rgb(229,28,61) |
hsl(350,79%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#F28A9B |
rgb(242,138,155) |
hsl(350,80%,75%) |
#8AF2AD |
rgb(138,242,173) |
hsl(140,80%,75%) |
#8ACFF2 |
rgb(138,207,242) |
hsl(200,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F28A9B |
rgb(242,138,155) |
hsl(350,80%,75%) |
#8AF2E1 |
rgb(138,242,225) |
hsl(170,80%,75%) |
#F28ACF |
rgb(242,138,207) |
hsl(320,80%,75%) |
#8ACFF2 |
rgb(138,207,242) |
hsl(200,80%,75%) |