#F08080
Color Name
Light Coral
rgb(240, 128, 128)•hsl(0, 79%, 72%)•Lum 0.355
HEX#F08080
RGBrgb(240, 128, 128)
HSLhsl(0, 79%, 72%)
HSVhsv(0, 47%, 94%)
CMYKcmyk(0%, 47%, 47%, 6%)
CSS Variable--color-primary: #F08080;
CSS Backgroundbackground-color: #F08080;
Color Harmonies
Classic color wheel theory relationships derived from #F08080. 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)
#D57272
11% Dark#BB6464
22% Dark#A05555
33% Dark#854747
44% Dark#6B3939
56% Dark#502B2B
67% Dark#351C1C
78% Dark#1B0E0E
89% DarkTints (Mixing with White)
#F28E8E
11% Light#F39C9C
22% Light#F5AAAA
33% Light#F7B8B8
44% Light#F8C7C7
56% Light#FAD5D5
67% Light#FCE3E3
78% Light#FDF1F1
89% LightKeep Designing
Use #F08080 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.