What is the hex code for coral?

Coral is #FF7F50, the CSS named color. In RGB that is rgb(255, 127, 80) and in HSL hsl(16, 100%, 66%), a fully saturated orange-red at high lightness.

What is the difference between coral and salmon?

Coral sits at hue 16 and is fully saturated, so it leans orange and reads as vivid. Salmon sits nearer hue 6 and is slightly less saturated, so it leans pink and reads as softer.

What color goes best with coral?

Teal is the standard answer and it earns it, close to coral's complement, so the contrast is strong while the two stay balanced. Navy is a calmer alternative, and cream or sand let coral sit as a warm neutral.

Is coral pink or orange?

Orange, with pink in it. At hue 16 it sits in the orange-red range, but the high lightness and full saturation give it the softness people read as pink.

Coral color: hex codes, shades and palettes

Palettes built around coral. Click any swatch to copy its hex code.

Coral is the warm pink-orange of the reef it is named after, orange with enough pink in it to feel soft rather than loud. The CSS keyword coral is #FF7F50.

Coral hex, RGB, HSL and OKLCH

#FF7F50

HEX: #FF7F50
RGB: rgb(255, 127, 80)
HSL: hsl(16, 100%, 66%)
OKLCH: oklch(73.5% 0.168 40.2)
On white: 2.50:1
On black: 8.40:1

Shades of coral

9 steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Coral color values

#FF7F50rgb(255, 127, 80)

Color spaces of #ff7f50
RGB	255	127	80
HSL	16°	100%	66%
HSV	16°	69%	100%
CMYK	0.00	0.50	0.69	0.00
XYZ	50.2820	37.0240	12.0863
Yxy	37.0240	0.5059	0.3725
CIE-Lab	67.2950	45.3543	47.4934
Hunter Lab	60.8474	41.0228	30.8162
OKLCH	73.5%	0.168	40.2°

#FF7F50 is 255 red, 127 green and 80 blue. Its red channel carries the most of it. The nearest of the 216 web safe colors is #FF6666.

CIE-Lab, XYZ and Yxy are measured against D65, the white point sRGB itself is defined against. Hunter Lab uses the original illuminant C constants, which is what paint and plastics specifications quote, so the two Lab rows are not directly comparable. CMYK is the plain arithmetic conversion: real ink values depend on the press, the paper and the profile.

Base numbers
Base	Red	Green	Blue
Binary	11111111	01111111	01010000
Octal	377	177	120
Decimal	255	127	80
Hex	FF	7F	50

#ff7f50 mixed with black

Ten even steps of the classic shade ramp, worked out in RGB, which is how the term has always been defined and how other references list it. The OKLCH scale further down this page answers a different question: it steps by equal perceived amounts, so its values are not the same.

#FF7F50
#E57248
#CC6540
#B25838
#994C30
#7F3F28
#663220
#4C2618
#32190F
#190C07
#000000

#ff7f50 mixed with white

The tint ramp, by the same rule in the other direction.

#FF7F50
#FF8B61
#FF9873
#FFA584
#FFB296
#FFBFA7
#FFCBB9
#FFD8CA
#FFE5DC
#FFF2ED
#FFFFFF

Channel shares

Red55.2%
Green27.5%
Blue17.3%

Color schemes

Turned in OKLCH rather than HSL, so every member keeps the lightness and chroma of the original instead of one of them arriving washed out.

Complementary

#FF7F50
#00BCE3

Triadic

#FF7F50
#00C885
#999EFF

Analogous

#FF7F50
#E79500
#FF7791

Monochromatic

#712300
#A63800
#D55927
#FF7F50
#FFBEA7
#FFF4F0
#FFF6F3

#ff7f50 on black and on white

The quick brown fox jumps over the lazy dog. 8.40:1

The quick brown fox jumps over the lazy dog. 2.50:1

Body text needs 4.5:1 to meet AA and large text needs 3:1, so a ratio tells you which of the two backgrounds this color can be read on, and at what size.

CSS for #ff7f50

color: #ff7f50;
background-color: #ff7f50;
border: 3px solid #ff7f50;
box-shadow: 1px 1px 3px 2px #ff7f50;
text-shadow: 4px 4px 2px rgba(255, 127, 80, 0.8);

/* Perceptually even, and what a modern stylesheet wants */
color: oklch(73.5% 0.168 40.2);

The OKLCH form is the same color stated so that lightening or darkening it moves by an amount the eye agrees with. Every current browser understands it.

Named shades and close relatives

Coral vs salmon vs peach

All three are warm and pale enough to be mistaken for one another, and the difference is mostly where they sit between orange and pink. Coral is at hue 16 and fully saturated: the most orange of the three and the most vivid. Salmon sits at hue 6, closer to pink, and is slightly muted, so it reads as fleshier and softer. Peach is paler than both, high in lightness and low in saturation, which puts it in pastel territory rather than accent territory.

A quick test: if it could plausibly be a background, it is peach. If it reads as pink before it reads as orange, it is salmon. If it jumps forward as an accent, it is coral.

Using coral in a palette

Coral is unusually easy to build around, which is why it recurs in branding. Teal is the classic pairing, close to its complement, and the cool-against-warm contrast is strong without either color fighting the other. Navy gives a more restrained version of the same idea. Against cream or sand it goes quiet and becomes almost a neutral warm tone.

It suits hospitality, travel, food, beauty and anything summery. The failure mode is pairing it with another warm mid-tone: coral beside a similar orange or pink looks like an accident rather than a decision.

Contrast and readability

Coral on white measures 2.50:1 and on black 8.40:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.67:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Coral color questions

What is the hex code for coral?: Coral is #FF7F50, the CSS named color. In RGB that is rgb(255, 127, 80) and in HSL hsl(16, 100%, 66%), a fully saturated orange-red at high lightness.
What is the difference between coral and salmon?: Coral sits at hue 16 and is fully saturated, so it leans orange and reads as vivid. Salmon sits nearer hue 6 and is slightly less saturated, so it leans pink and reads as softer.
What color goes best with coral?: Teal is the standard answer and it earns it, close to coral's complement, so the contrast is strong while the two stay balanced. Navy is a calmer alternative, and cream or sand let coral sit as a warm neutral.
Is coral pink or orange?: Orange, with pink in it. At hue 16 it sits in the orange-red range, but the high lightness and full saturation give it the softness people read as pink.

Related colors: orange, peach, amber, rust, terracotta. See every shade on the colors index.

#D7988D

#FFAD90

#57C2E3

#56A3CD

#DCB0CA

#CC9D6B

#405F4F

#83ABE6

#985F2F

#D79B4F

#946C00

#857B33

#E8D18E

#BFB78F

#9FA03B

#848426

#D79400

#00ACAA

#C686D9

#A38600

#967535

#544A29

#896335

#557EB1

#CAB4A1

#8E7B59

#65979F

#8386AD

#684127

#533120

#36281F

#2D1404

#F0A358

#CE9A43

#5BA3CC

#63A3DC

#574B3D

#7F653C

#8E8779

#B2A785

#4E3336

#6D3432

#2B1009

#53311C

#FF9FBB

#F3A400

#28DEBB

#8895E4

#FF9172

#8FF6CA

#A2BAFF

#FF975C

#FF9984

#7F4421

#F2AB5B

#F0AC20

#9C4600

#B56F16

#C49953

#DFC06B

#C59F8B

#A67F68

#84614D

#554A45

#F7A669

#67C692

#74CBFF

#DD9BFD

#A87B63

#B08867

#D49B58

#A78036

#B48755

#B68E3C

#00AEC0

#625EA1

#C0A271

#B9A457

#9D6F11

#829FBE

#EFDEC4

#CAE6E9

#D8C5EA

#ECE2BC

#EFCCFF

#F69D00

#00CEE3

#EC86E1

#6A4635

#925A39

#C16C32

#D48F51

#7B5336

#AB7032

#BC9B78

#E0C09F