#F07C42 Color

#F07C42 is rgb(240, 124, 66) in RGB and hsl(20, 85%, 60%) in HSL. The closest CSS named color is Coral. Black text is most readable on this background.

#F07C42

HEX#F07C42

RGBrgb(240, 124, 66)

HSLhsl(20, 85%, 60%)

HSVhsv(20, 73%, 94%)

OKLCHoklch(70.9% 0.16 45.3)

CMYKcmyk(0%, 48%, 73%, 6%)

Text Contrast & Accessibility

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

TextWhite text2.74:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.67:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#F07C42 Complementary#42B6F0 Analogous#F0425F Analogous#F0D342 Triadic#42F07C Triadic#7C42F0

Tints & Shades

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

Tints

#F28C5A #F4A076 #F6B08E #F8C4AA #FAD4C2 #FCE8DE

Shades

#ED621D #D05011 #AA420E #84330B #5E2508 #391605

Use #F07C42 in Our Tools

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