logoredraws.com

Coral Color Code: HEX, RGB and HSL Values for Logo Work

The standard coral color code is #FF7F50 (RGB 255, 127, 80). Learn what that value means, how it differs from light coral, and how to set it up in vector logo files.

Published

Contents
  1. The standard coral values
  2. How coral differs from similar named colors
  3. Using coral in a vector logo
  4. Screen versus print
  5. Gaps to be aware of

If you need one coral color code, the most widely recognized one is the web-standard named color "coral": HEX #FF7F50, which is RGB 255, 127, 80. CSS and SVG both define this value, so any browser or SVG renderer that reads the keyword coral produces exactly this color. Outside that standard, "coral" is a loose descriptive name. Brands, paint makers and print systems each use their own coral shades, so one hex code does not cover every coral you may see.

The standard coral values

Notation | Value
HEX | #FF7F50
RGB | 255, 127, 80
HSL (rounded) | 16°, 100%, 66%
CSS / SVG keyword | coral

The HSL figures are calculated from the RGB values and rounded to whole numbers. They describe a fully saturated red-orange hue at fairly high lightness, which is why coral reads as warm and bright rather than deep.

How coral differs from similar named colors

The same web color list also contains "lightcoral", which is HEX #F08080, or RGB 240, 128, 128. Its red and blue channels are closer together than in standard coral, so it leans pink instead of orange. If a design brief simply says "coral", confirm which of the two is meant, or whether a custom brand shade is intended.

Pantone named a coral shade, Living Coral (PANTONE 16-1546), its Color of the Year for 2019. That is a separate proprietary color reference and not the same thing as the CSS keyword. Its official digital equivalents should be taken from Pantone's own tools and not assumed to match #FF7F50.

In vector artwork, the color is stored as a fill or stroke value on each shape. In an SVG, you can write the value as either the keyword or the hex code, and both render the same:

<path d="..." fill="#FF7F50" />
<path d="..." fill="coral" />

For an editable master file, these practices keep the coral consistent:

  • Store the value as a named or global swatch so every shape that uses coral updates together if the shade changes.
  • Use the hex value rather than the keyword in brand documentation, because design tools outside the web stack do not all recognize CSS color names.
  • Record the color mode with the value. #FF7F50 is an RGB definition intended for screens.
  • Take the code from the vector fill itself, not from a raster preview. Sampling a PNG, JPEG or screenshot can return a slightly different value because of compression, anti-aliasing or color-profile conversion.

Screen versus print

#FF7F50 is a bright RGB color, and bright orange-reds like this often sit near or beyond the edge of what standard CMYK process printing can reproduce. A simple mathematical conversion gives roughly C0 M50 Y69 K0. The actual printed result depends on the color profile, paper and press, so treat that figure as a starting point rather than a print specification. For print-critical logo work, define a dedicated CMYK or spot-color version in the logo files and verify it with a physical proof.

Gaps to be aware of

This article covers the standardized web coral and the general principles for carrying it into vector files. No brand-specific coral, verified Pantone-to-hex match, or tested print conversion was available to cite. If you are matching an existing logo's coral, use the value in that brand's guidelines or source vector file, not the generic code.