Preview
#a68359
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.49:1 · vs black: 6.01:1
HEX
#a68359
RGB
rgb(166, 131, 89)
RGBA
rgba(166, 131, 89, 1)
HSL
hsl(33, 30%, 50%)
HSV
hsv(33, 46%, 65%)
LAB
lab(57.14% 7.85 27.78)
LCH
lch(57.14% 28.87 74.22)
OKLAB
oklab(0.6334 0.0234 0.068)
OKLCH
oklch(0.6334 0.0719 71.01)
XYZ
xyz(25.65, 25.06, 12.94)
CMYK
cmyk(0%, 21%, 46%, 35%)
CSS
color: #a68359;
CSS variable
--color-a68359: #a68359;
SCSS
$color-a68359: #a68359;
Tailwind
red-500
Export
:root {
--#a68359-1: #a68359;
}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.