#F5426F Color

#F5426F is rgb(245, 66, 111) in RGB and hsl(345, 90%, 61%) in HSL. The closest CSS named color is IndianRed. Black text is most readable on this background.

#F5426F

HEX#F5426F

RGBrgb(245, 66, 111)

HSLhsl(345, 90%, 61%)

HSVhsv(345, 73%, 96%)

OKLCHoklch(65.3% 0.215 11)

CMYKcmyk(0%, 73%, 55%, 4%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#F5426F Complementary#42F5C8 Analogous#F542C8 Analogous#F56F42 Triadic#6FF542 Triadic#426FF5

Tints & Shades

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

Tints

#F65A81 #F87797 #F990AA #FAA8BC #FCC0CF #FDDDE5

Shades

#F31B51 #DA0B3F #B30934 #880727 #61051C #3A0311

Use #F5426F in Our Tools

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