Preview
#d2a679
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.22:1 · vs black: 9.47:1
HEX
#d2a679
RGB
rgb(210, 166, 121)
RGBA
rgba(210, 166, 121, 1)
HSL
hsl(30, 50%, 65%)
HSV
hsv(30, 42%, 82%)
LAB
lab(71.12% 10.31 29.45)
LCH
lch(71.12% 31.2 70.71)
OKLAB
oklab(0.7549 0.0313 0.0729)
OKLCH
oklch(0.7549 0.0793 66.76)
XYZ
xyz(43.67, 42.36, 23.96)
CMYK
cmyk(0%, 21%, 42%, 18%)
CSS
color: #d2a679;
CSS variable
--color-d2a679: #d2a679;
SCSS
$color-d2a679: #d2a679;
Tailwind
red-300
Export
:root {
--#d2a679-1: #d2a679;
}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.