#F825E0 Color

#F825E0 is rgb(248, 37, 224) in RGB and hsl(307, 94%, 56%) in HSL. The closest CSS named color is Fuchsia. Black text is most readable on this background.

#F825E0
HEX#F825E0
RGBrgb(248, 37, 224)
HSLhsl(307, 94%, 56%)
HSVhsv(307, 85%, 97%)
OKLCHoklch(68.2% 0.289 333.9)
CMYKcmyk(0%, 85%, 10%, 3%)

Text Contrast & Accessibility

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

TextWhite text3.32:1AA normal ✗AA large ✓AAA normal ✗
TextBlack text6.33:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#F825E0Complementary#25F83EAnalogous#A725F8Analogous#F82576Triadic#E0F825Triadic#25E0F8

Tints & Shades

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

Use #F825E0 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex