Preview
#d89c5f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.38:1 · vs black: 8.84:1
HEX
#d89c5f
RGB
rgb(216, 156, 95)
RGBA
rgba(216, 156, 95, 1)
HSL
hsl(30, 61%, 61%)
HSV
hsv(30, 56%, 85%)
LAB
lab(68.9% 15.72 40.48)
LCH
lch(68.9% 43.43 68.78)
OKLAB
oklab(0.7377 0.0441 0.0962)
OKLCH
oklch(0.7377 0.1058 65.37)
XYZ
xyz(42.28, 39.21, 16.17)
CMYK
cmyk(0%, 28%, 56%, 15%)
CSS
color: #d89c5f;
CSS variable
--color-d89c5f: #d89c5f;
SCSS
$color-d89c5f: #d89c5f;
Tailwind
red-300
Export
:root {
--#d89c5f-1: #d89c5f;
}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.