Vibrant Oceanic Pink-Orange
Category: Orange
Coral (#FF7F50) — Color Codes, Meaning & UI Palettes
Coral is an invigorating, warm pinkish-orange tone inspired by living marine coral reefs. Named the Pantone Color of the Year in 2019 ('Living Coral'), it radiates life and social warmth.
Click to Copy HEX
Coral
#FF7F50
HEX
#FF7F50
RGB
rgb(255, 127, 80)
HSL
hsl(16deg, 100%, 66%)
CMYK (Print)
cmyk(0%, 50%, 69%, 0%)
Apple Display P3
color(display-p3 1.000 0.498 0.314)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
2.5:1 (Fail)
Black Text (#000000)
8.4:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FFF7F4
100
#FFEBE3
200
#FFD6C7
300
#FFBCA4
400
#FF9E7A
500
#FF7F50
600
#CC6640
700
#994C30
800
#663320
900
#381C12
950
#1F0F0A
Color Harmonies & Palette Schemes
Complementary
#52D1FF
Opposite 180° Contrast
Analogous -30°
#FF527A
Natural Harmony
Analogous +30°
#FFD752
Natural Harmony
Triadic +120°
#52FF80
120° Balanced Triad
Triadic +240°
#8052FF
120° Balanced Triad
Curated UI Design Pairings for Coral
A top-performing conversion color for e-commerce 'Add to Cart' buttons, travel booking engines, and interactive mobile apps.
Cyber Cyan
#06B6D4
Oceanic Complement
Deep Navy
#0F172A
High-Contrast Anchor
Pale Slate
#D9E2EC
Subtle Card Border
Warm Sand
#E5D3B3
Soft Neutral Surface
Export Coral Code Snippets
CSS Variable
--color-coral-color: #FF7F50;
Tailwind Config
'coral-color': '#FF7F50'
Swift / SwiftUI
Color(hex: "#FF7F50")
JSON Design Token
{"name": "Coral", "hex": "#FF7F50"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.