CSS named colorOrange · mid · balanced
browser standard
#FFA07A
Light Salmon
Best set with black text. The pairing reaches 10.56:1 contrast and passes AAA for normal text.
Color values
copy exact valuesHEX
#FFA07AsRGB hexadecimalRGB
rgb(255, 160, 122)screen channelsHSL
hsl(17, 100%, 74%)hue, saturation, lightnessCMYK
cmyk(0%, 37%, 52%, 0%)approximate process colorTailwind
orange-300nearest palette utility, not an exact tokenForeground contrast
WCAG ratiosWhite textfails AA1.99:1
Black textAAA10.56:1
Recommendation
Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.
Palette relationships
generated in color spaceTonal ramp
#050505
#52372C
#A46952
#FFA07A
#FFBEA3
#FFDCCE
#FAFAFA
Analogous
#FF7A97
#FFA07A
#FFE37A
Triadic
#FFA07A
#7AFFA0
#A07AFF
Complement
#FFA07A
#7AD9FF
Nearest named neighbors
Lab distance · lower is closerCSS output
:root {
--color-light-salmon: #FFA07A;
}
.swatch {
background: var(--color-light-salmon);
color: #000000;
}Hue48°
Lightness75 L*
Chroma46.7
Luminance0.478