Preview
#a69285
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.97:1 · vs black: 7.07:1
HEX
#a69285
RGB
rgb(166, 146, 133)
RGBA
rgba(166, 146, 133, 1)
HSL
hsl(24, 16%, 59%)
HSV
hsv(24, 20%, 65%)
LAB
lab(61.96% 5.29 9.62)
LCH
lch(61.96% 10.98 61.19)
OKLAB
oklab(0.6741 0.0175 0.025)
OKLCH
oklch(0.6741 0.0305 55.01)
XYZ
xyz(30.24, 30.36, 26.45)
CMYK
cmyk(0%, 12%, 20%, 35%)
CSS
color: #a69285;
CSS variable
--color-a69285: #a69285;
SCSS
$color-a69285: #a69285;
Tailwind
red-400
Export
:root {
--#a69285-1: #a69285;
}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.