Coral

Coral sits between pink warmth and orange energy — approachable, modern, slightly feminine without cliché. It glows on dark backgrounds, where it makes a superb accent.

beauty techdark-mode accentshospitality

Values in every format

HEX: #ff7f50
RGB: rgb(255, 127, 80)
HSL: hsl(16, 100%, 66%)
OKLCH: oklch(0.735 0.168 40.3)
CMYK: cmyk(0%, 50.2%, 68.6%, 0%)

Hue family: Red · closest CSS name: coral. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #FF7F50 itself.

50#fff5f2
100#ffe7df
200#ffd4c4
300#ffb9a0
400 ★#ff7f50
500#ed6f3f
600#d4531c
700#b23c00
800#8e2e00
900#6d2200
950#461200

Build a full system from #FF7F50

Harmonies with coral

Complementary

Maximum contrast — use one side for action, the other sparingly.

#ff7f50 #50d0ff

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#ff5079 #ff7f50 #ffd650

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#ff7f50 #50ff7f #7f50ff

Measured contrast

on white2.5:1 · fails AA

on black8.4:1 · AA normal ✓

Check your own pairs