HEX Color Code #F17A6D

From card backgrounds to icon fills, the light red tone #F17A6D handles a wide variety of design contexts reliably. This reference page provides its complete color data and professional application ideas.

What Color Is #F17A6D?

In the HSL model, #F17A6D is defined as (6°, 83%, 69%). The 6° hue angle corresponds directly to the red portion of the color wheel. Combined with light lightness and strong saturation, this shade delivers vibrant visual impact.

Color Meaning of #F17A6D

From a psychological standpoint, #F17A6D taps into red associations of warmth, intensity, and power. The light character of this specific shade means it invites interaction rather than demanding it — perfect for background surfaces and secondary elements.

Where to Use HEX Code #F17A6D

E-commerce product card borders and "add to cart" button styling for red-branded storefronts

Modal overlay tints — applying #F17A6D at 10-20% opacity creates depth behind dialog content

Infographic accent elements where multiple red shades build visual storytelling layers

Notification badges that remain legible against varied nav-bar backgrounds

Event and calendar UI — light red marks selected dates and active time slots

Slide deck title bars and presentation themes for consistent conference branding

Similar HEX Color Codes

#FF895E

#D86186

#CE574A

Complementary red tone for palette coordination

#C44D40

Nearby color value offering slightly different brightness

#FFB136

#FFBB2C

Adjacent shade useful for gradient transitions

#A62F22

Comparable red alternative with distinct character

HEX Code #F17A6D in Design Systems

For Figma and code handoff, document #F17A6D with its roles: when to use it, which backgrounds it pairs with, and which text colors sit on top of it. Include a "do / don't" section showing approved and forbidden combinations — this prevents designers from accidentally creating inaccessible pairs.

With brightness at 156/255, layer it behind dark text for comfortable reading. It also works as a tinted background that softens a white-heavy layout without introducing visual heaviness.

FAQ About HEX Color Code #F17A6D

What color is #F17A6D?

This HEX code renders as a light red shade on screen. Its RGB components (241, 122, 109) create a red-dominant appearance with light depth.

Is #F17A6D a dark or light color?

Light. The weighted luminance formula (0.299R + 0.587G + 0.114B) gives #F17A6D a score of 156/255, placing it above the midpoint. This classification affects which text colors achieve adequate contrast.

What colors go well with #F17A6D?

#F17A6D pairs well with contrasting colors opposite it on the color wheel (≈186°) for dynamic compositions. For cohesive, calm palettes, combine it with neighboring hues at ±30° and tinted neutrals in the same red family.

Can I use #F17A6D for branding?

Yes. #F17A6D works as a brand color when red-family associations — energy, passion, and urgency — align with your positioning. Define it formally in your brand guidelines with permitted tints, shades, and pairing rules for consistent application.

How do I convert #F17A6D to other color formats?

The full conversion: RGB(241, 122, 109), HSL(6°, 83%, 69%). CMYK values depend on the print profile but approximate C:5% M:52% Y:57% K:0%. Our converter tools handle all formats instantly.