#F31282 Color

#F31282 is rgb(243, 18, 130) in RGB and hsl(330, 90%, 51%) in HSL. The closest CSS named color is DeepPink. Black text is most readable on this background.

#F31282

HEX#F31282

RGBrgb(243, 18, 130)

HSLhsl(330, 90%, 51%)

HSVhsv(330, 93%, 95%)

OKLCHoklch(62.8% 0.249 0.2)

CMYKcmyk(0%, 93%, 47%, 5%)

Text Contrast & Accessibility

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

TextWhite text4.02:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#F31282 Complementary#12F382 Analogous#F312F3 Analogous#F31212 Triadic#82F312 Triadic#1282F3

Tints & Shades

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

Tints

#F43494 #F651A3 #F872B5 #F994C7 #FBB6D9 #FDD3E8

Shades

#D50B70 #B80A61 #96084F #74063D #52042B #35031C

Use #F31282 in Our Tools

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