CSS named color

Light Salmon #FFA07A

Light Salmon is light vivid orange. 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 Salmon used as a foreground on white and black backgrounds.

Aa The quick brown fox
1.99:1

On white

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

On black

AA ✓ AAA ✓ AA Large ✓

Tints, shades & tones

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

Tintsmixed toward white
Shadesmixed toward black
Tonesmixed toward gray

Color harmonies

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

Complementary

#FFA07A ≈ Sandy Brown #7AD9FF ≈ Light Sky Blue

Analogous

#FF7A97 ≈ Light Coral #FFA07A ≈ Sandy Brown #FFE27A ≈ Khaki

Triadic

#FFA07A ≈ Sandy Brown #7AFFA0 ≈ Pale Green #A07AFF ≈ Medium Purple

Split-complementary

#FFA07A ≈ Sandy Brown #7AFFE2 ≈ Aquamarine #7A97FF ≈ Cornflower Blue

Tetradic

#FFA07A ≈ Sandy Brown #97FF7A ≈ Pale Green #7AD9FF ≈ Light Sky Blue #E27AFF ≈ Violet

Use Light Salmon in your stack

Tailwind (arbitrary value)

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

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

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

Extract a theme →

Similar named colors

Sandy Brown #F4A460 Dark Salmon #E9967A Salmon #FA8072 Light Coral #F08080 Burlywood #DEB887 Coral #FF7F50

← All CSS named colors