CSS named color

Light Coral #F08080

Light Coral is light vivid red. Below: every color format, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it.

Color values

Contrast & accessibility

WCAG contrast ratio of Light Coral used as a foreground on white and black backgrounds.

Aa The quick brown fox
2.59:1

On white

AA ✕ AAA ✕ AA Large ✕
Aa The quick brown fox
8.10:1

On black

AA ✓ AAA ✓ AA Large ✓

Tints, shades & tones

Systematic variations of Light Coral — click any swatch to copy its hex.

Tintsmixed toward white
Shadesmixed toward black
Tonesmixed toward gray

Color harmonies

Palettes built from Light Coral by rotating its hue. Each swatch links to its closest named color.

Complementary

#F08080 ≈ Salmon #7FF0F0 ≈ Aquamarine

Analogous

#F07FB8 ≈ Hot Pink #F08080 ≈ Salmon #F0B87F ≈ Burlywood

Triadic

#F08080 ≈ Salmon #7FF07F ≈ Light Green #7F7FF0 ≈ Medium Slate Blue

Split-complementary

#F08080 ≈ Salmon #7FF0B8 ≈ Aquamarine #7FB8F0 ≈ Sky Blue

Tetradic

#F08080 ≈ Salmon #B8F07F ≈ Pale Green #7FF0F0 ≈ Aquamarine #B87FF0 ≈ Medium Purple

Use Light Coral in your stack

Tailwind (arbitrary value)

Works for any property: text-[#f08080], border-[#f08080].

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

Turn Light Coral into a complete shadcn/ui palette — light & dark, contrast-checked, one-command install.

Extract a theme →

Similar named colors

Salmon #FA8072 Dark Salmon #E9967A Pale Violet Red #DB7093 Light Salmon #FFA07A Coral #FF7F50 Sandy Brown #F4A460

← All CSS named colors