Preview
#a2683f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.58:1 · vs black: 4.59:1
HEX
#a2683f
RGB
rgb(162, 104, 63)
RGBA
rgba(162, 104, 63, 1)
HSL
hsl(25, 44%, 44%)
HSV
hsv(25, 61%, 64%)
LAB
lab(49.43% 19.05 32.41)
LCH
lch(49.43% 37.59 59.55)
OKLAB
oklab(0.5711 0.0537 0.0764)
OKLCH
oklch(0.5711 0.0934 54.9)
XYZ
xyz(20.75, 17.94, 7.07)
CMYK
cmyk(0%, 36%, 61%, 36%)
CSS
color: #a2683f;
CSS variable
--color-a2683f: #a2683f;
SCSS
$color-a2683f: #a2683f;
Tailwind
red-500
Export
:root {
--#a2683f-1: #a2683f;
}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.