Preview
#a87257
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.03:1 · vs black: 5.21:1
HEX
#a87257
RGB
rgb(168, 114, 87)
RGBA
rgba(168, 114, 87, 1)
HSL
hsl(20, 32%, 50%)
HSV
hsv(20, 48%, 66%)
LAB
lab(53% 18.11 23.56)
LCH
lch(53% 29.72 52.45)
OKLAB
oklab(0.6016 0.0536 0.0582)
OKLCH
oklch(0.6016 0.0791 47.36)
XYZ
xyz(23.89, 21.05, 11.82)
CMYK
cmyk(0%, 32%, 48%, 34%)
CSS
color: #a87257;
CSS variable
--color-a87257: #a87257;
SCSS
$color-a87257: #a87257;
Tailwind
red-500
Export
:root {
--#a87257-1: #a87257;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.