Lightsalmon
lightsalmon is a CSS color keyword. The closest Tailwind step is orange-300 (#fdba74).
#ffa07argb(255, 160, 122)
- Hex
- #ffa07a
- RGB
- 255, 160, 122
- HSL
- 17°, 100%, 74%
- OKLCH
- 79.4% 0.125 42.4
- LAB
- 74.7 31.5 34.5
Text contrast
Black or white text on #ffa07a. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.
Color vision
How #ffa07a looks in simulations of color blindness, at full severity.
#ffa07a
#b9ac77
#cfc079
#ff9096
Tonal scale
An OKLCH ramp that keeps this hue. The marked step is the closest lightness to lightsalmon.
Copy into CSS
color: lightsalmon;
background: #ffa07a;
@theme {
--color-lightsalmon-50: #fff2ed;
--color-lightsalmon-100: #ffe0d5;
--color-lightsalmon-200: #ffc1a8;
--color-lightsalmon-300: #f79873;
--color-lightsalmon-400: #d87c57;
--color-lightsalmon-500: #b65e39;
--color-lightsalmon-600: #99431d;
--color-lightsalmon-700: #7e2c00;
--color-lightsalmon-800: #5d1e00;
--color-lightsalmon-900: #3e1100;
--color-lightsalmon-950: #1e0500;
}