#F96AFB Color

#F96AFB is rgb(249, 106, 251) in RGB and hsl(299, 95%, 70%) in HSL. The closest CSS named color is Violet. Black text is most readable on this background.

#F96AFB

HEX#F96AFB

RGBrgb(249, 106, 251)

HSLhsl(299, 95%, 70%)

HSVhsv(299, 58%, 98%)

OKLCHoklch(75.1% 0.239 327.1)

CMYKcmyk(1%, 58%, 0%, 2%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #F96AFB background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.48:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.48:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #F96AFB based on color wheel relationships. Click any swatch for its full breakdown.

Base#F96AFB Complementary#6CFB6A Analogous#B06AFB Analogous#FB6AB5 Triadic#FBF96A Triadic#6AFBF9

Tints & Shades

Lighter tints and darker shades of #F96AFB, useful for hover states, backgrounds, and text variants.

Tints

#FA7EFC #FA92FC #FBA5FD #FCB9FD #FDCDFE #FEE1FE

Shades

#F73DFA #F50BF9 #CD05D1 #9D049F #710372 #400241

Use #F96AFB in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex