Coral color codes and shades

Coral is a warm pink-orange, brighter than salmon and deeper than peach. Named corals, the CSS coral keywords and pastel versions are listed below.

CSS coral keywords

CSSAa 8.66:1

lightsalmon #FFA07A RGB 255, 160, 122
CSSAa 7.46:1

darksalmon #E9967A RGB 233, 150, 122
CSSAa 6.89:1

coral #FF7F50 RGB 255, 127, 80
CSSAa 6.88:1

salmon #FA8072 RGB 250, 128, 114
CSSAa 6.64:1

lightcoral #F08080 RGB 240, 128, 128
CSSAa 5.84:1

tomato #FF6347 RGB 255, 99, 71

Named corals

Every color here has "coral" in its name.

Aa 5.73:1

Deep Coral #DA7C55 RGB 218, 124, 85
Aa 5.51:1

Coral Commander #EE6666 RGB 238, 102, 102
Aa 5.49:1

Sun-Kissed Coral #EA6777 RGB 234, 103, 119
Aa 5.27:1

Hot Coral #F35B53 RGB 243, 91, 83
Aa 5.26:1

Coral Orange #E4694C RGB 228, 105, 76
Aa 4.96:1

Red Coral #FF4040 RGB 255, 64, 64
Aa 5.04:1

Coral Expression #D76A69 RGB 215, 106, 105
Aa 4.95:1

Fiery Coral #E26058 RGB 226, 96, 88
Aa 5.01:1

Coral Gold #CF714A RGB 207, 113, 74
Aa 4.69:1

Calypso Coral #EC4A61 RGB 236, 74, 97
Aa 4.96:1

Caribbean Coral #C07761 RGB 192, 119, 97
Aa 4.65:1

Desert Coral #D16459 RGB 209, 100, 89
Aa 4.27:1

Wet Coral #D1584C RGB 209, 88, 76
Aa 4.17:1

Celestial Coral #DD4455 RGB 221, 68, 85
Aa 4.23:1

Coral Tree #AB6E67 RGB 171, 110, 103
Aa 4.65:1

English Coral #C64A55 RGB 198, 74, 85

Light and pastel coral

Aa 11.58:1

Peach Fuzz #FFC7B9 RGB 255, 199, 185
Aa 9.95:1

Peach Bud #FDB2AB RGB 253, 178, 171
Aa 9.49:1

Wax Flower #EEB39E RGB 238, 179, 158
Aa 9.16:1

Peach Fizz #FFA883 RGB 255, 168, 131

Palette idea: light to dark

LightestAa 11.58:1

Peach Fuzz #FFC7B9 RGB 255, 199, 185
LightAa 6.89:1

coral #FF7F50 RGB 255, 127, 80
MidAa 5.27:1

Hot Coral #F35B53 RGB 243, 91, 83
DeepAa 4.69:1

Calypso Coral #EC4A61 RGB 236, 74, 97
DarkestAa 4.65:1

English Coral #C64A55 RGB 198, 74, 85

Palette idea: with neutrals

BackgroundAa 16.11:1

Warm white #FAF7F2 RGB 250, 247, 242
SurfaceAa 8.66:1

lightsalmon #FFA07A RGB 255, 160, 122
MainAa 5.27:1

Hot Coral #F35B53 RGB 243, 91, 83
DeepAa 4.65:1

Desert Coral #D16459 RGB 209, 100, 89
TextAa 16.81:1

Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

LightAa 9.16:1

Peach Fizz #FFA883 RGB 255, 168, 131
MainAa 5.27:1

Hot Coral #F35B53 RGB 243, 91, 83
DarkAa 4.17:1

Celestial Coral #DD4455 RGB 221, 68, 85
AccentAa 6.04:1

Complement #00A9B8 RGB 0, 169, 184
BaseAa 15.53:1

Off-white #F5F3EE RGB 245, 243, 238

From the reef

Coral is a warm pinkish orange, named after the colorful reef-building animals. The CSS keyword coral is #FF7F50, and lightcoral is the softer #F08080.

Coral, salmon and peach

Coral is the most saturated of the three, with an orange lean.
Salmon is pinker and slightly softer.
Peach is paler and lighter. See peach color codes.

Styling coral

Coral is cheerful and summery. It pairs well with teal and turquoise (its rough complement), navy, mint and warm white. A coral button on a cool background stands out without the alarm of pure red.

On screen

Coral sits in an awkward middle for contrast: dark text is usually safer than white on mid corals, so check any button in the contrast checker. For pairings, see teal or try a split complement on the color wheel.