#F87171
Color Name
Salmon
rgb(248, 113, 113)•hsl(0, 91%, 71%)•Lum 0.33
HEX#F87171
RGBrgb(248, 113, 113)
HSLhsl(0, 91%, 71%)
HSVhsv(0, 54%, 97%)
CMYKcmyk(0%, 54%, 54%, 3%)
CSS Variable--color-primary: #F87171;
CSS Backgroundbackground-color: #F87171;
Color Harmonies
Classic color wheel theory relationships derived from #F87171. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#DC6464
11% Dark#C15858
22% Dark#A54B4B
33% Dark#8A3F3F
44% Dark#6E3232
56% Dark#532626
67% Dark#371919
78% Dark#1C0D0D
89% DarkTints (Mixing with White)
#F98181
11% Light#FA9191
22% Light#FAA0A0
33% Light#FBB0B0
44% Light#FCC0C0
56% Light#FDD0D0
67% Light#FDDFDF
78% Light#FEEFEF
89% LightKeep Designing
Use #F87171 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.