HEX #F396B5 color — Mauvelous

The color #f396b5 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

f396b5 color palette from light to dark

HEX RGB HSL
#fdf1f5 rgb(253,241,245) hsl(340,79%,97%)
#fbdae5 rgb(251,218,229) hsl(340,79%,92%)
#f8c4d5 rgb(248,196,213) hsl(340,79%,87%)
#f5adc5 rgb(245,173,197) hsl(340,79%,82%)
#f396b5 rgb(243,150,181) hsl(340,79%,77%)
#f07fa5 rgb(240,127,165) hsl(340,79%,72%)
#ed6895 rgb(237,104,149) hsl(340,79%,67%)
#eb5285 rgb(235,82,133) hsl(340,79%,62%)
#e83b74 rgb(232,59,116) hsl(340,79%,57%)
#e52464 rgb(229,36,100) hsl(340,79%,52%)
#d71958 rgb(215,25,88) hsl(340,79%,47%)
#c0164f rgb(192,22,79) hsl(340,79%,42%)
#a91446 rgb(169,20,70) hsl(340,79%,37%)
#92113c rgb(146,17,60) hsl(340,79%,32%)
#7b0e33 rgb(123,14,51) hsl(340,79%,27%)
#640c29 rgb(100,12,41) hsl(340,79%,22%)
#4e0920 rgb(78,9,32) hsl(340,79%,17%)
#370617 rgb(55,6,23) hsl(340,79%,12%)
#20040d rgb(32,4,13) hsl(340,79%,7%)
#090104 rgb(9,1,4) hsl(340,79%,2%)

Adjacent colors

HEX RGB HSL
#F396F3 rgb(243,150,243) hsl(300,79%,77%)
#F396B5 rgb(243,150,181) hsl(340,79%,77%)
#F3B596 rgb(243,181,150) hsl(20,79%,77%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#F9CFDC rgb(249,207,220) hsl(341,78%,89%)
#F396B5 rgb(243,150,181) hsl(340,79%,77%)
#EC5E8D rgb(236,94,141) hsl(340,79%,65%)
#E62665 rgb(230,38,101) hsl(340,79%,53%)

Triad color palettes

HEX RGB HSL
#F396B5 rgb(243,150,181) hsl(340,79%,77%)
#96F2A5 rgb(150,242,165) hsl(130,78%,77%)
#96E3F3 rgb(150,227,243) hsl(190,79%,77%)

Tetrad color palettes

HEX RGB HSL
#F396B5 rgb(243,150,181) hsl(340,79%,77%)
#96F2D4 rgb(150,242,212) hsl(160,78%,77%)
#F396E3 rgb(243,150,227) hsl(310,79%,77%)
#96E3F3 rgb(150,227,243) hsl(190,79%,77%)