Salmon in OKLCH
Salmon is the soft pinkish-orange CSS named color #FA8072. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About salmon
Salmon is a gentle, warm pink-orange that feels soft and inviting without the loudness of coral or hot pink, so it works nicely for calm, friendly interfaces. It is fairly light with moderate chroma, which makes its tonal scale excellent for soft backgrounds and subtle accents. Keep the hue steady and adjust lightness to build the range, then copy the OKLCH, HEX or RGB value.
Salmon in CSS: oklch(73.5% 0.152 28.1) · #fa8072 · rgb(250 128 114)
Frequently Asked Questions
Salmon (#FA8072) is softer, lighter and slightly pinker, while coral (#FF7F50) is more saturated and orange. In OKLCH salmon shows a higher lightness and lower chroma than coral.
Salmon is rgb(250, 128, 114). The RGB, HEX and OKLCH values are all shown in the readouts above and can be copied in one click.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →