Color meaning

Coral

Introducing Coral (#FF6F61), a warm, sun-washed red shade. Its friendly brightness gives storefronts and lifestyle product pages an approachable, on-trend feel, while its glow against neutral backgrounds makes it a natural fit for promotional banners, wishlist icons, and add-to-cart buttons that should feel inviting rather than aggressive.

#FF6F61HSL 5, 100%, 69%

Coral code conversions

HEX
#FF6F61
RGB
rgb(255, 111, 97)
HSL
hsl(5, 100%, 69%)
HSB
hsb(5, 62%, 100%)
CMYK
cmyk(0%, 56%, 62%, 0%)

Coral color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Coral contrast

Your catchy large text

Small body copy sitting on Coral.

2.73:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Coral.

6.92:1Black textAA passAAA fail

Coral color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Coral

Matched by color distance against real palettes extracted from live storefronts.

Puma
#cc192b

Related red colors

True RedCrimson

Coral: frequently asked

What color is Coral?

Coral (#FF6F61) is a soft red-orange with a pink undertone, evoking the reef color it is named for. In e-commerce interfaces it reads as warm and modern, sitting between a hot pink and a peachy orange.

What is the meaning of Coral?

Coral signals warmth, playfulness, and youthful energy. Brands reach for it when they want customers to feel welcomed and relaxed while browsing, especially across beauty, wellness, apparel, and home categories.

How do I use Coral (#FF6F61) in e-commerce design?

Use Coral for promotional accents, secondary CTAs, and highlight tags where you want energy without harshness, and pair it with crisp white or charcoal for balance. Reserve it for buttons and callouts rather than long passages of text, since its brightness reduces contrast.

Using Coral color codes

Copy Coral (#FF6F61) in HEX, RGB, HSL, HSB, and CMYK below to match it consistently across your web store, mobile app, and printed packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP