#F1A146 Color

#F1A146 is rgb(241, 161, 70) in RGB and hsl(32, 86%, 61%) in HSL. The closest CSS named color is SandyBrown. Black text is most readable on this background.

#F1A146

HEX#F1A146

RGBrgb(241, 161, 70)

HSLhsl(32, 86%, 61%)

HSVhsv(32, 71%, 95%)

OKLCHoklch(77.2% 0.141 66.1)

CMYKcmyk(0%, 33%, 71%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text9.93:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#F1A146 Complementary#4696F1 Analogous#F14C46 Analogous#EBF146 Triadic#46F1A1 Triadic#A146F1

Tints & Shades

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

Tints

#F3AD5E #F5BC7A #F7C892 #F9D4AA #FAE0C1 #FDEEDE

Shades

#EE8E20 #D57910 #AF640D #854B0A #5F3607 #392004

Use #F1A146 in Our Tools

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