#F20DCC Color

#F20DCC is rgb(242, 13, 204) in RGB and hsl(310, 90%, 50%) in HSL. The closest CSS named color is Fuchsia. Black text is most readable on this background.

#F20DCC

HEX#F20DCC

RGBrgb(242, 13, 204)

HSLhsl(310, 90%, 50%)

HSVhsv(310, 95%, 95%)

OKLCHoklch(65.6% 0.284 337.6)

CMYKcmyk(0%, 95%, 16%, 5%)

Text Contrast & Accessibility

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

TextWhite text3.68:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.7:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#F20DCC Complementary#0DF233 Analogous#A60DF2 Analogous#F20D59 Triadic#CCF20D Triadic#0DCCF2

Tints & Shades

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

Tints

#F42FD3 #F651DA #F872E1 #F990E8 #FBB1EF #FDD3F6

Shades

#D00BAF #B30997 #91087A #740662 #520445 #35032D

Use #F20DCC in Our Tools

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