18 Different Shades of Coral (+ HEX codes)

Explore all shades of coral, from lighter to darker shades. See HEX codes, shade names, and coral color palettes. Click any shade to copy its HEX code.

Coral is the friendly end of red: pink-orange, sunlit, impossible to read as aggressive. It shows up in beach branding, wellness apps and anything aimed at summer.

It is bright enough that white text fails on it; use a deep brown or navy for the words instead.

white
#ffffff
fair pink
#ffece6
watusi
#ffdacd
romantic
#ffc7b3
wax flower
#ffb59a
hit pink
#ffa281
salmon
#ff9068
coral
#ff7d4e
burning orange
#ff6b35
orange
#ff581c
vermilion
#ff4603
trinidad
#e83e00
grenadier
#cf3700
fire
#b63100
cedar wood finish
#842300
indian tan
#511600
brown pod
#380f00
nero
#1f0800

Coral: HEX & RGB Codes

coral has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of coral shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of coral

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of coral

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

coral in HEX, RGB, HSL and CMYK

HEX	#FF7F50
RGB	rgb(255, 127, 80)
HSL	hsl(16, 100%, 66%)
CMYK	cmyk(0%, 50%, 69%, 0%)

Tints and shades of coral

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#ff936b
#ffa585
#ffb89e
#ffcbb8
#ffddd1
#fff0eb

Shades (darker)

#ff591d
#e73e00
#b33000
#7e2200
#491300
#140500

Colours that work with coral

Complementary

#FF7F50 #52d1ff

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#ff527a #FF7F50 #ffd752

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#FF7F50 #52ff80 #8052ff

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on coral

Example Primary text

White text on coral2.50:1Fail

Example Primary text

Near-black text on coral7.10:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

coral shade chart

Shade chart showing five steps of coral, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.