CSS named colorOrange · mid · balanced
browser standard
#FA8072
Salmon
Best set with black text. The pairing reaches 8.40:1 contrast and passes AAA for normal text.
Color values
copy exact valuesHEX
#FA8072sRGB hexadecimalRGB
rgb(250, 128, 114)screen channelsHSL
hsl(6, 93%, 71%)hue, saturation, lightnessCMYK
cmyk(0%, 49%, 54%, 2%)approximate process colorTailwind
red-400nearest palette utility, not an exact tokenForeground contrast
WCAG ratiosWhite textfails AA2.50:1
Black textAAA8.40: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
#512F2A
#A1564C
#FA8072
#FFAA9D
#FFD2CB
#FAFAFA
Analogous
#FA72A8
#FA8072
#FAC472
Triadic
#FA8072
#72FA80
#8072FA
Complement
#FA8072
#72ECFA
Nearest named neighbors
Lab distance · lower is closerCSS output
:root {
--color-salmon: #FA8072;
}
.swatch {
background: var(--color-salmon);
color: #000000;
}Hue33°
Lightness67 L*
Chroma53.8
Luminance0.370