Color Palettes

Coral color

Named after sea coral, it sits between orange and pink. It's cheerful, tropical and flattering on tanned skin. It's popular in swimwear, lipsticks and summer textiles.

Also known as: coral orange.

Coral · #FF7F50

About coral

Coral (#FF7F50) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 127 green and 80 blue (out of 255). It is mostly used in fashion, home decor, makeup.

Coral shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with coral

TurquoiseA tropical contrast full of life.Navy blueNautical elegance.WhiteFresh and bright.BeigeA soft, warm base.Mint greenA cheerful summer pair.GrayCalms coral and makes it modern.GoldShine and warmth.Seafoam greenTwo beachy shades that complement each other.
How to wear and decorate with coral →

Coral color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Deep sky blue
AnalogousClose to: Cerise, Naples yellow
TriadicClose to: Spring green, Neon blue
Split complementaryClose to: Aquamarine, Electric blue

Coral color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Coral
Analogous palette · Coral
Complementary palette · Coral
Triadic palette · Coral
With neutrals palette · Coral
With an accent palette · Coral

Coral contrast with text

White textContrast 2.5:1 · Not recommended
Black textContrast 8.4:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --coral: #FF7F50;
  --coral-rgb: 255, 127, 80;
}
.bg { background-color: var(--coral); }
.text { color: var(--coral); }

Colors similar to coral

MangoBurnt siennaTomato redAtomic tangerineLiving coralPoppy redTerracottaCinnamonSalmonLight salmon

Themed palettes with this color

More oranges

OrangeTangerinePumpkin orangeCarrot orangeApricotPeachTerracottaBurnt orangeSalmonRustCopperNeon orangePastel orangeOrange redPersimmonMangoBurnt siennaLight salmonDark orangeSafety orangeAtomic tangerineMelonLiving coralPeach puff

Frequently asked questions

What is the hex code for coral?

The hex code for coral is #FF7F50. In RGB it is rgb(255, 127, 80), in HSL hsl(16, 100%, 66%) and in CMYK 0, 50, 69, 0.

What is the complementary color of coral?

Its complement on the color wheel is #50D0FF, close to deep sky blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on coral?

Use black text instead: the contrast with white is only 2.5:1, while with black it is 8.4:1.

What colors go with coral?

It pairs well with turquoise, navy blue, white, beige, mint green. Avoid pairing it with red or bright orange, because they compete and coral looks dirty. It also clashes with intense purples.