Codes & values
- Color Name
Coral - Color ID
KDF-C-16744272 - HEX
#FF7F50 - RGB
rgb(255, 127, 80) - RGBA
rgba(255, 127, 80, 1) - HSL
hsl(16, 100%, 66%) - HSLA
hsla(16, 100%, 66%, 1) - HSV / HSB
hsv(16, 69%, 100%) - CMYK
cmyk(0%, 50%, 69%, 0%) - Light / Dark
mid
Quick answers
- What is the HEX code for Coral?
- #FF7F50
- What is Coral RGB?
- rgb(255, 127, 80)
- What is Coral HSL?
- hsl(16, 100%, 66%)
- What is Coral CMYK?
- cmyk(0%, 50%, 69%, 0%)
What is Coral?
Coral is a curated orange family color at #FF7F50. It appears in our library with tags for web, design, ui, fashion and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Coral HEX code
The HEX code for Coral is #FF7F50. Paste it into CSS as color: #FF7F50; or background-color: #FF7F50;. Design tools accept the same six-digit value without the # prefix (ff7f50).
Coral RGB
Coral in RGB is rgb(255, 127, 80) (channels R 255, G 127, B 80). Use RGB when you need opacity via rgba(255, 127, 80, 1).
Coral HSL & HSV
HSL is hsl(16, 100%, 66%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(16, 69%, 100%), closer to how many digital pickers expose hue, saturation, and brightness.
Coral CMYK
Approximate CMYK for Coral is cmyk(0%, 50%, 69%, 0%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Coral
Darker shades (mixed toward black): #D56A43, #AA5535, #804028, #552A1B, #2A150D. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Coral
Lighter tints (mixed toward white): #FF946D, #FFAA8A, #FFBFA8, #FFD4C5, #FFEAE2. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Coral
Complementary pairing: #FF7F50, #50D0FF. Analogous neighbors: #FF5079, #FF7F50, #FFD650. Triadic accents: #FF7F50, #50FF7F, #7F50FF. Always check text contrast when pairing.
Coral color combinations
A practical combo: primary #FF7F50, complementary accent #50D0FF, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #FF7F50, #50FFD6, #5079FF.
Coral in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Coral in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 2.50:1 (better as a large accent or background than small body text); vs black 8.40:1.
Frequently asked questions
- What is the HEX code for Coral?
- Coral: #FF7F50.
- What is Coral RGB?
- Coral: rgb(255, 127, 80).
- What is Coral HSL?
- Coral: hsl(16, 100%, 66%).
- What is Coral CMYK?
- Coral: cmyk(0%, 50%, 69%, 0%).
- What colors go with Coral?
- Try complementary #FF7F50, #50D0FF or analogous #FF5079, #FF7F50, #FFD650.
- Is Coral good for text on white?
- Not ideal for small body text (2.50:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.50:1 (prefer large accent or background). Contrast vs black: 8.40:1. Complementary swatch: #FF7F50, #50D0FF.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK