Coral colour (#FF7F50)

Coral is light an orange with hex code #FF7F50, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 255, 127, 80; in HSL 16°, 100%, 66%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Coral colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Coral in every format

FormatValue
HEX#FF7F50
RGBrgb(255, 127, 80)
RGB (0–1)1.000, 0.498, 0.314
HSLhsl(16, 100%, 66%)
CMYK (approx.)0%, 50%, 69%, 0%
CSScolor: coral;

Shades and tints of Coral

Same hue and saturation, lightness from 90% to 10%:

#ffdacc #ffb499 #ff8f66 #ff6933 #ff4400 #cc3600 #992900 #661b00 #330e00

Colours that go with Coral

HarmonyColours
Complementary #52d1ff
Triadic #52ff80 #8052ff
Analogous #ffd752 #ff527a

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
tomato #ff6347very close
salmon #fa8072close
sandybrown #f4a460close
lightcoral #f08080close
darksalmon #e9967aclose

Accessibility

Contrast ratio of Coral against white is 2.5:1 (fails WCAG AA for normal text) and against black 8.4:1 (passes). Use black or very dark text on a Coral background rather than white.

Frequently asked questions

What is the hex code for Coral?

#FF7F50.

What is Coral in RGB?

rgb(255, 127, 80).

What colour is complementary to Coral?

#52d1ff, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.