FR Version française | EN

#F08080 - LightCoral

#F08080 Image avec la couleur: #F08080

The hexadecimal color code #F08080 corresponds to the color "LightCoral" , which is a shade of Red. This color is a combination of red (at 0,94 level), green (at 0,50 level) and blue (at 0,50 level). Its brightness is 72% and its saturation is 78%. It is composed of red at 48%, green at 25% and blue at 25%.


Features

Hue

Saturation

Brightness

0
78
72
Official nameLightCoral
Shade of Red
Hex Code #F08080
RGB Code rgb( 240 , 128 , 128)
RGB Code Percentagergb( 94.1% , 50.2% , 50.2% )
HSLhsl( 0 , 78% , 72% )
Complementary
Color
#0F7F7F


Variations of #F08080

Lighter Shades

Palette of gradually lightened shades. The lightest shade of #F08080 is the color #FDF2F2

LightCoral

#f08080

#f18c8c

#f39999

#f4a6a6

#f6b2b2

#f7bfbf

#f9cccc

#fad8d8

#fce5e5

#fdf2f2

Darker Shades

Palette of progressively darker shades. The darkest shade is #180C0C.

LightCoral

#f08080

#d87373

#c06666

#a85959

#904c4c

#784040

#603333

#482626

#301919

#180c0c

Other Shades of Red

Examples of other colors within the Red spectrum .

Red

#FF0000

#9e2b40

#6D071A

#842E1B

#E73E01

#ED0000

#BF3030

#A42424

#C72C48

#E9383F

See more



Color Palettes

The complementary color #0F7F7F is the color exactly opposite to #F08080 on the color wheel. The triadic palette is created by selecting two colors that are evenly spaced on the color wheel.

Complementary color palette

LightCoral

#F08080

#0F7F7F

Triadic palette

LightCoral

#F08080

#80F080

#8080F0



Uses of #F08080 in CSS

When using #F08080 as the background color, consider selecting a darker text color for improved readability. If you want to use #F08080 as the text color, prefer a dark background, such as Black.
You can replace the color code #F08080 with its official name: LightCoral. You can then write in CSS "background: LightCoral " for a background of #F08080.

#F08080 as background color

Black text
White text
div{ background: #F08080;  }

 div{ background:  LightCoral;  }

Colored text

With a white background or
with a dark background
div{ color: #F08080;  }

 div{ color:  LightCoral;  }

Border

#F08080 colored border with a width of 3px 
div{ border: 3px solid #F08080;  }

 div{ border: 3px solid  LightCoral;  }

Shadow

#F08080 shadow colored
div{ box-shadow: 3px 3px 7px #F08080; }

 div{ box-shadow: 3px 3px 7px  LightCoral;  }

Note:
In CSS, the color code #F08080 can be replaced with its official name "".

Similar Colors

Other color codes similar or equivalent to the specified color code #F08080.

#E48079

#F07979

#D87380

#F0797E

#CC806C

#F06C6C

#D87373

#E87C7C

#E47980

#E47979

Choose another color

Select another color on color wheel.

Selected color: