HEX #F696FD color — Mauve
The color #f696fd is a light shade and slightly desaturated.
Palette
f696fd color palette from light to dark
HEX |
RGB |
HSL |
#fffaff |
rgb(255,250,255) |
hsl(296,96%,99%) |
#fce1fe |
rgb(252,225,254) |
hsl(296,96%,94%) |
#fac8fe |
rgb(250,200,254) |
hsl(296,96%,89%) |
#f8affd |
rgb(248,175,253) |
hsl(296,96%,84%) |
#f696fd |
rgb(246,150,253) |
hsl(296,96%,79%) |
#f47dfc |
rgb(244,125,252) |
hsl(296,96%,74%) |
#f264fc |
rgb(242,100,252) |
hsl(296,96%,69%) |
#f04bfb |
rgb(240,75,251) |
hsl(296,96%,64%) |
#ed32fb |
rgb(237,50,251) |
hsl(296,96%,59%) |
#eb19fa |
rgb(235,25,250) |
hsl(296,96%,54%) |
#e505f5 |
rgb(229,5,245) |
hsl(296,96%,49%) |
#ce04dc |
rgb(206,4,220) |
hsl(296,96%,44%) |
#b604c3 |
rgb(182,4,195) |
hsl(296,96%,39%) |
#9f03aa |
rgb(159,3,170) |
hsl(296,96%,34%) |
#870391 |
rgb(135,3,145) |
hsl(296,96%,29%) |
#700278 |
rgb(112,2,120) |
hsl(296,96%,24%) |
#59025f |
rgb(89,2,95) |
hsl(296,96%,19%) |
#410146 |
rgb(65,1,70) |
hsl(296,96%,14%) |
#2a012d |
rgb(42,1,45) |
hsl(296,96%,9%) |
#130014 |
rgb(19,0,20) |
hsl(296,96%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#B196FD |
rgb(177,150,253) |
hsl(256,96%,79%) |
#F696FD |
rgb(246,150,253) |
hsl(296,96%,79%) |
#FD96BF |
rgb(253,150,191) |
hsl(336,96%,79%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FBD6FE |
rgb(251,214,254) |
hsl(296,95%,92%) |
#F696FD |
rgb(246,150,253) |
hsl(296,96%,79%) |
#F057FB |
rgb(240,87,251) |
hsl(296,95%,66%) |
#EB17FA |
rgb(235,23,250) |
hsl(296,96%,54%) |
Triad color palettes
HEX |
RGB |
HSL |
#F696FD |
rgb(246,150,253) |
hsl(296,96%,79%) |
#D0FC96 |
rgb(208,252,150) |
hsl(86,94%,79%) |
#96FCC2 |
rgb(150,252,194) |
hsl(146,94%,79%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F696FD |
rgb(246,150,253) |
hsl(296,96%,79%) |
#9DFC96 |
rgb(157,252,150) |
hsl(116,94%,79%) |
#C296FD |
rgb(194,150,253) |
hsl(266,96%,79%) |
#96FCC2 |
rgb(150,252,194) |
hsl(146,94%,79%) |