#FD4EF2 Color

#FD4EF2 is rgb(253, 78, 242) in RGB and hsl(304, 98%, 65%) in HSL. The closest CSS named color is Violet. Black text is most readable on this background.

#FD4EF2

HEX#FD4EF2

RGBrgb(253, 78, 242)

HSLhsl(304, 98%, 65%)

HSVhsv(304, 69%, 99%)

OKLCHoklch(72.5% 0.269 330.7)

CMYKcmyk(0%, 69%, 4%, 1%)

Text Contrast & Accessibility

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

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

TextBlack text7.55:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#FD4EF2 Complementary#4EFD5A Analogous#B14EFD Analogous#FD4E9A Triadic#F2FD4E Triadic#4EF2FD

Tints & Shades

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

Tints

#FD68F3 #FE7CF5 #FE95F7 #FEAEF9 #FEC7FB #FFDCFC

Shades

#FD21EE #F202E2 #C502B8 #97028D #6A0163 #42013D

Use #FD4EF2 in Our Tools

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