Coloried

Light Coral

Light Coral color is a rich shade of light red. Its hex code is #F08080 and rgb code is rgb(240, 128, 128), Its CMYK value is cmyk(0%, 47%, 47%, 6%), and Its HSL value is hsl(0, 79%, 72%). Against white, it has a contrast ratio of 2.59:1, while against black, the contrast ratio is 8.10:1. Its complementary color is #7FF0F0 and closest tailwind color is rose-400. This color goes well with #C06B16, #C0166B, #7B0E0E, #24E585, and #2485E5. To recreate the Light Coral color, you can mix #FFFFFF and #E10101.

Light Coral color code
|
1. Color Conversions
HEX#F08080
RGB240, 128, 128
HSL0°, 79%, 72%
HSV0°, 79%, 94%
CMYK0%, 47%, 47%, 6%
Web Safe#FF9999
2. Contrast Ratio
Text on #FFFFFF2.59:1
Fail LargeFail Normal
Text on #0000008.10:1
AAA LargeAAA Normal
3. Light Coral Color Code in CSS
HEX
#F08080
RGB
rgb(240, 128, 128)
HSL
hsl(0, 79%, 72%)
Text Color
color: #F08080;
Background
background-color: #F08080;
Border Color
border-color: #F08080;
Box Shadow
box-shadow: 0 4px 14px 0 #F0808080;
SCSS
$color-light-coral: #F08080;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#BFBF80
Deuteranopia#C6CE80
Tritanopia#EA8080
Achromatopsia#A1A1A1
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive