Warm Coral Orange-Pink
Category: Pink
Salmon (#FA8072) — Color Codes, Meaning & UI Palettes
Salmon is a soft, warm hue blending pink, coral, and orange inspired by the flesh of wild salmon. It balances the playful energy of pink with the inviting hospitality of peach and orange.
Click to Copy HEX
Salmon
#FA8072
HEX
#FA8072
RGB
rgb(250, 128, 114)
HSL
hsl(6deg, 93%, 71%)
CMYK (Print)
cmyk(0%, 49%, 54%, 2%)
Apple Display P3
color(display-p3 0.980 0.502 0.447)
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
#FFF7F7
100
#FEEBE8
200
#FDD6D2
300
#FCBDB6
400
#FB9E94
500
#FA8072
600
#C8665B
700
#964D44
800
#64332E
900
#371C19
950
#1E0F0E
Color Harmonies & Palette Schemes
Complementary
#70ECFA
Opposite 180° Contrast
Analogous -30°
#FA70A7
Natural Harmony
Analogous +30°
#FAC370
Natural Harmony
Triadic +120°
#70FA7E
120° Balanced Triad
Triadic +240°
#7E70FA
120° Balanced Triad
Curated UI Design Pairings for Salmon
Ideal for warm conversion banners, celebratory badges, creative agencies, and health food digital interfaces. Extremely friendly and approachable.
Deep Navy
#0F172A
Sharp Nautical Contrast
Seafoam Mint
#A7F3D0
Refreshing Coastal Complement
Warm Sand
#E5D3B3
Beach Neutral
Pure White
#FFFFFF
Clean Surface
Export Salmon Code Snippets
CSS Variable
--color-salmon-color: #FA8072;
Tailwind Config
'salmon-color': '#FA8072'
Swift / SwiftUI
Color(hex: "#FA8072")
JSON Design Token
{"name": "Salmon", "hex": "#FA8072"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.