HEX #F28CA5 color — Mauvelous
The color #F28CA5 is a light shade and slightly desaturated.
Palette
F28CA5 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 |
#F28CE9 |
rgb(242,140,233) |
hsl(305,80%,75%) |
#F28CA5 |
rgb(242,140,165) |
hsl(345,80%,75%) |
#F2B88C |
rgb(242,184,140) |
hsl(26,80%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FEFAFA |
rgb(254,250,250) |
hsl(360,67%,99%) |
#F8C2CF |
rgb(248,194,207) |
hsl(346,79%,87%) |
#F28CA5 |
rgb(242,140,165) |
hsl(345,80%,75%) |
#EB547A |
rgb(235,84,122) |
hsl(345,79%,63%) |
#E51F4F |
rgb(229,31,79) |
hsl(345,79%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#F28CA5 |
rgb(242,140,165) |
hsl(345,80%,75%) |
#8CF2A6 |
rgb(140,242,166) |
hsl(135,80%,75%) |
#8CD9F2 |
rgb(140,217,242) |
hsl(195,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F28CA5 |
rgb(242,140,165) |
hsl(345,80%,75%) |
#8CF2D9 |
rgb(140,242,217) |
hsl(165,80%,75%) |
#F28CD8 |
rgb(242,140,216) |
hsl(315,80%,75%) |
#8CD9F2 |
rgb(140,217,242) |
hsl(195,80%,75%) |