Coral Color
Hex Code: #FF6B6B · orange
About Coral
Coral is a vibrant, warm color that blends orange and pink in equal measure. Named after the marine invertebrate whose skeletons form coral reefs, coral has a natural, tropical quality that feels simultaneously warm and energetic. Pantone named a shade of coral — Living Coral — its Color of the Year 2019, cementing its status as a major trend color and bringing it into mainstream design consciousness.
Is Coral Right for Your Project?
Choose Coral for
Coral works brilliantly in tropical and beach-themed designs, summer fashion, and food branding. It pairs beautifully with teal, gold, navy, and white. Excellent for social media graphics, vibrant editorial photography, and any design that needs warmth and energy. It shows up in 4 palettes in Colortion's library spanning a energetic, playful range of moods.
Look elsewhere for
Formal, corporate, or luxury branding — orange reads casual and energetic rather than refined. Browse all colors to find a hue with a better fit.
Coral Tints & Shades
Lighter and darker variants of Coral — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Coral Color Harmonies
Other hues computed from Coral's position on the color wheel — a fast starting point for a palette built around this color.
Complementary
Analogous
Triadic
Tetradic
Color Palettes with Coral
Colors That Go With Coral
These colors complement Coral beautifully in design projects.
How to Use Coral in Design
Coral works brilliantly in tropical and beach-themed designs, summer fashion, and food branding. It pairs beautifully with teal, gold, navy, and white. Excellent for social media graphics, vibrant editorial photography, and any design that needs warmth and energy.
Oranges sit close to yellow on the wheel and can wash out white text more than they appear to at a glance. Use #FF6B6B ( hsl(0, 100%, 71%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Coral is most often paired with Teal and Navy Blue. Start from #FF6B6B in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Coral Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Coral (this page) | #FF6B6B | 71% |
| Burnt Orange | #CC5500 | 40% |
| Terracotta | #C46A3A | 50% |
| Navy Blue | #1B2A4A | 20% |
| Teal | #14B8A6 | 40% |
| Emerald Green | #50C878 | 55% |
Frequently Asked Questions
What is the hex code for Coral?
The hex code for Coral is #FF6B6B. The RGB value is rgb(255, 107, 107) and the HSL value is hsl(0, 100%, 71%).
What colors go with Coral?
Coral pairs well with Teal, Navy Blue — see the tints, shades, and comparison table below for exact values to build from.
What is Coral used for in design?
Coral works brilliantly in tropical and beach-themed designs, summer fashion, and food branding. It pairs beautifully with teal, gold, navy, and white. Excellent for social media graphics, vibrant editorial photography, and any design that needs warmth and energy.