Color guide
Coral Color
#F87166
coral color codes
What coral means
Coral is warm, organic and welcoming. It softens orange into something friendly and encouraging.
How to use it in design
Beautiful for lifestyle brands, travel apps and friendly empty states.
Color combinations with coral
Harmonies calculated with color theory for the base hue 5°.
Complementary
Maximum contrast: #F87166 + #68ECF8
Analogous
Harmony at ±30°: #F868A4 · #F87166 · #F8BC68
Triadic
Even 120° spacing: #F87166 · #68F874 · #7468F8
coral color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #F87166.
Colors that go well with coral
FAQ about the coral color
What is the HEX code of coral?
A widely used hex value for coral is #F87166, which equals rgb(248, 113, 102). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (5°).
What colors go well with coral?
coral pairs beautifully with teal, mint, cream, navy. Its complementary color is #68ECF8, and a classic triadic scheme adds #68F874 and #7468F8.
Is coral accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping coral in text or UI elements.
Create your own coral palette
Generate harmonious combinations from #F87166 in seconds.
Open the palette generator