HEX #F28CA6 color — Mauvelous
The color #f28ca6 is a light shade and slightly desaturated.
Palette
f28ca6 color palette from light to dark
HEX |
RGB |
HSL |
#fce8ed |
rgb(252,232,237) |
hsl(345,80%,95%) |
#fad1db |
rgb(250,209,219) |
hsl(345,80%,90%) |
#f7bac9 |
rgb(247,186,201) |
hsl(345,80%,85%) |
#f5a3b8 |
rgb(245,163,184) |
hsl(345,80%,80%) |
#f28ca6 |
rgb(242,140,166) |
hsl(345,80%,75%) |
#f07594 |
rgb(240,117,148) |
hsl(345,80%,70%) |
#ed5e82 |
rgb(237,94,130) |
hsl(345,80%,65%) |
#eb4770 |
rgb(235,71,112) |
hsl(345,80%,60%) |
#e8305e |
rgb(232,48,94) |
hsl(345,80%,55%) |
#e61a4d |
rgb(230,26,77) |
hsl(345,80%,50%) |
#cf1745 |
rgb(207,23,69) |
hsl(345,80%,45%) |
#b8143d |
rgb(184,20,61) |
hsl(345,80%,40%) |
#a11236 |
rgb(161,18,54) |
hsl(345,80%,35%) |
#8a0f2e |
rgb(138,15,46) |
hsl(345,80%,30%) |
#730d26 |
rgb(115,13,38) |
hsl(345,80%,25%) |
#5c0a1f |
rgb(92,10,31) |
hsl(345,80%,20%) |
#450817 |
rgb(69,8,23) |
hsl(345,80%,15%) |
#2e050f |
rgb(46,5,15) |
hsl(345,80%,10%) |
#170308 |
rgb(23,3,8) |
hsl(345,80%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#F28CEA |
rgb(242,140,234) |
hsl(305,80%,75%) |
#F28CA6 |
rgb(242,140,166) |
hsl(345,80%,75%) |
#F2B58C |
rgb(242,181,140) |
hsl(24,80%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FEFAFB |
rgb(254,250,251) |
hsl(345,67%,99%) |
#F8C2D0 |
rgb(248,194,208) |
hsl(344,79%,87%) |
#F28CA6 |
rgb(242,140,166) |
hsl(345,80%,75%) |
#EB547B |
rgb(235,84,123) |
hsl(345,79%,63%) |
#E51F51 |
rgb(229,31,81) |
hsl(345,79%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#F28CA6 |
rgb(242,140,166) |
hsl(345,80%,75%) |
#8CF2A5 |
rgb(140,242,165) |
hsl(135,80%,75%) |
#8CD9F2 |
rgb(140,217,242) |
hsl(195,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F28CA6 |
rgb(242,140,166) |
hsl(345,80%,75%) |
#8CF2D8 |
rgb(140,242,216) |
hsl(165,80%,75%) |
#F28CD9 |
rgb(242,140,217) |
hsl(315,80%,75%) |
#8CD9F2 |
rgb(140,217,242) |
hsl(195,80%,75%) |