Online Tools HarborLight Salmon color codes
| CSS name | lightsalmon |
|---|---|
| HEX | #FFA07A |
| RGB | rgb(255, 160, 122) |
| HSL | hsl(17, 100%, 74%) |
| CMYK | cmyk(0%, 37%, 52%, 0%) |
| Decimal | 16752762 |
Shades of Light Salmon (darker)
#E6906E · #CC8062 · #B37055 · #996049 · #80503D · #664031 · #4D3025 · #332018 · #1A100C
Tints of Light Salmon (lighter)
#FFAA87 · #FFB395 · #FFBDA2 · #FFC6AF · #FFD0BD · #FFD9CA · #FFE3D7 · #FFECE4 · #FFF6F2
Color harmonies
| Complementary | #7AD9FF |
|---|---|
| Triadic | #7AFFA0, #A07AFF |
| Analogous | #FF7A97, #FFE27A |
Accessibility (WCAG contrast)
| White text on Light Salmon | 1.99:1 · Fail |
|---|---|
| Black text on Light Salmon | 10.56:1 · AAA |
Use Light Salmon in code
.element {
color: lightsalmon; /* or #ffa07a */
background-color: rgb(255 160 122 / 0.5);
}Frequently asked questions
What is the hex code for Light Salmon?
Light Salmon is #FFA07A in HEX, rgb(255, 160, 122) in RGB and hsl(17, 100%, 74%) in HSL.
Can I use "lightsalmon" directly in CSS?
Yes. "lightsalmon" is one of the 148 standard CSS named colors, so color: lightsalmon; works in every browser.
Is Light Salmon readable on white?
The contrast ratio of Light Salmon on white is 1.99:1 (WCAG Fail). On black it is 10.56:1 (AAA).
What is the complementary color of Light Salmon?
The complementary color (opposite on the color wheel) is #7AD9FF.
Similar colors
Dark Salmon#E9967ASandy Brown#F4A460Salmon#FA8072Light Coral#F08080Burly Wood#DEB887Tan#D2B48CCoral#FF7F50Pale Violet Red#DB7093
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.