Preview
#89512a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 6.41:1 · vs black: 3.27:1
HEX
#89512a
RGB
rgb(137, 81, 42)
RGBA
rgba(137, 81, 42, 1)
HSL
hsl(25, 53%, 35%)
HSV
hsv(25, 69%, 54%)
LAB
lab(40.2% 19.78 32.32)
LCH
lch(40.2% 37.89 58.53)
OKLAB
oklab(0.4918 0.0547 0.0741)
OKLCH
oklch(0.4918 0.0921 53.57)
XYZ
xyz(13.68, 11.37, 3.66)
CMYK
cmyk(0%, 41%, 69%, 46%)
CSS
color: #89512a;
CSS variable
--color-89512a: #89512a;
SCSS
$color-89512a: #89512a;
Tailwind
red-600
Export
:root {
--#89512a-1: #89512a;
}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.