Coral #FF7F50

Coral#FF7F50 · rgb(255, 127, 80)

Coral color codes

CSS namecoral
HEX#FF7F50
RGBrgb(255, 127, 80)
HSLhsl(16, 100%, 66%)
CMYKcmyk(0%, 50%, 69%, 0%)
Decimal16744272

Shades of Coral (darker)

#E67248 · #CC6640 · #B35938 · #994C30 · #804028 · #663320 · #4D2618 · #331910 · #1A0D08

Tints of Coral (lighter)

#FF8C62 · #FF9973 · #FFA585 · #FFB296 · #FFBFA8 · #FFCCB9 · #FFD9CB · #FFE5DC · #FFF2EE

Color harmonies

Complementary
#52D1FF
Triadic
#52FF80, #8052FF
Analogous
#FF527A, #FFD752

Accessibility (WCAG contrast)

White text on Coral2.50:1 · Fail
Black text on Coral8.40:1 · AAA

Use Coral in code

.element {
  color: coral;          /* or #ff7f50 */
  background-color: rgb(255 127 80 / 0.5);
}

Frequently asked questions

What is the hex code for Coral?

Coral is #FF7F50 in HEX, rgb(255, 127, 80) in RGB and hsl(16, 100%, 66%) in HSL.

Can I use "coral" directly in CSS?

Yes. "coral" is one of the 148 standard CSS named colors, so color: coral; works in every browser.

Is Coral readable on white?

The contrast ratio of Coral on white is 2.50:1 (WCAG Fail). On black it is 8.40:1 (AAA).

What is the complementary color of Coral?

The complementary color (opposite on the color wheel) is #52D1FF.

Similar colors

Tomato#FF6347Salmon#FA8072Sandy Brown#F4A460Light Coral#F08080Dark Salmon#E9967APeru#CD853FLight Salmon#FFA07AIndian Red#CD5C5C

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.