#F8495A Color

#F8495A is rgb(248, 73, 90) in RGB and hsl(354, 93%, 63%) in HSL. The closest CSS named color is Tomato. Black text is most readable on this background.

#F8495A

HEX#F8495A

RGBrgb(248, 73, 90)

HSLhsl(354, 93%, 63%)

HSVhsv(354, 71%, 97%)

OKLCHoklch(66% 0.21 19.9)

CMYKcmyk(0%, 71%, 64%, 3%)

Text Contrast & Accessibility

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

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

TextBlack text6.09:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#F8495A Complementary#49F8E7 Analogous#F849B2 Analogous#F88F49 Triadic#5AF849 Triadic#495AF8

Tints & Shades

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

Tints

#F96271 #FA7A87 #FB939D #FCABB3 #FDC4CA #FEDDE0

Shades

#F72237 #E2081E #BB0719 #8F0513 #67040E #3B0208

Use #F8495A in Our Tools

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