Preview
#7d5260
Family: Red
Accessibility on this swatch:
Contrast vs white: 6.47:1 · vs black: 3.25:1
HEX
#7d5260
RGB
rgb(125, 82, 96)
RGBA
rgba(125, 82, 96, 1)
HSL
hsl(340, 21%, 41%)
HSV
hsv(340, 34%, 49%)
LAB
lab(39.98% 20.13 -0.73)
LCH
lch(39.98% 20.14 357.92)
OKLAB
oklab(0.4904 0.0605 -0.0016)
OKLCH
oklch(0.4904 0.0605 358.49)
XYZ
xyz(13.59, 11.24, 12.52)
CMYK
cmyk(0%, 34%, 23%, 51%)
CSS
color: #7d5260;
CSS variable
--color-7d5260: #7d5260;
SCSS
$color-7d5260: #7d5260;
Tailwind
rose-500
Export
:root {
--material-you-tertiary-1: #7d5260;
}Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.