Colormapped
Color reference

Coral #FF7F50

Coral is the standard CSS named color #FF7F50, a warm orange-pink color.

Coral is the CSS named color keyword coral, standardized at #FF7F50 in sRGB.

Coral #FF7F50 8.40:1 with black text

Color values

HEX#FF7F50
RGBrgb(255, 127, 80)
HSLhsl(16 100% 66%)
HSV16°, 69%, 100%
CMYK0%, 50%, 69%, 0%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 8.40:1 — AA normal text passes
White text 2.50:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Coral

These steps are computed by RGB-mixing #FF7F50 toward white or black. They are generated values, not official named colors.

80% tint #FFE5DC
60% tint #FFCCB9
40% tint #FFB296
20% tint #FF9973
Base #FF7F50
20% shade #CC6640
40% shade #994C30
60% shade #663320
80% shade #331910

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: coral;
}

You can use either coral or #FF7F50 in CSS; both resolve to the same sRGB color.