All CSS Colors
#FF7F50coral

Coral

CSS named color · Orange family

HEX#FF7F50
RGBrgb(255, 127, 80)
HSLhsl(16, 100%, 66%)
CSScoral

Tints & Shades

#ffe9e0
#ffd6c7
#ffbfa8
#ffa98a
#ff9670
#FF7F50
#ff571a
#e03c00
#a82d00
#701e00
#380f00
LighterDarker

Complementary Color

Coral

#FF7F50

Complement

#52d1ff

hsl(196, 100%, 66%)

CSS Usage

.element {
  color: coral;
  background-color: coral;
}

/* Using hex */
.element {
  color: #FF7F50;
  background-color: #FF7F50;
}

/* Using RGB */
.element {
  color: rgb(255, 127, 80);
  background-color: rgb(255, 127, 80);
}

Similar Colors

Orange

#FFA500

Related Tools

Hex to RGB Converter

Convert any hex color to RGB, HSL, and more

Color Palette Generator

Generate harmonious color palettes from any color

Color Converter

Convert between HEX, RGB, HSL, and more formats

Color Contrast Checker

Check WCAG contrast ratios for accessibility

Browse All CSS Colors

RedBlueGreenYellowOrangePurplePinkCyanMagentaWhiteBlackGraySilverGoldCoralSalmonTomatoCrimsonMaroonNavyTealAquaLimeOliveIndigoVioletPlumOrchidTurquoiseChocolateSiennaPeruTanWheatIvoryLinenBeigeLavenderThistleKhakiSky BlueSteel BlueRoyal BlueDodger BlueDeep PinkHot PinkFuchsiaAquamarineSpring GreenMedium Sea Green