Preview
#daa671
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.17:1 · vs black: 9.67:1
HEX
#daa671
RGB
rgb(218, 166, 113)
RGBA
rgba(218, 166, 113, 1)
HSL
hsl(30, 59%, 65%)
HSV
hsv(30, 48%, 85%)
LAB
lab(71.81% 12.75 34.76)
LCH
lch(71.81% 37.02 69.86)
OKLAB
oklab(0.7617 0.0373 0.0847)
OKLCH
oklch(0.7617 0.0925 66.23)
XYZ
xyz(45.53, 43.37, 21.59)
CMYK
cmyk(0%, 24%, 48%, 15%)
CSS
color: #daa671;
CSS variable
--color-daa671: #daa671;
SCSS
$color-daa671: #daa671;
Tailwind
red-300
Export
:root {
--#daa671-1: #daa671;
}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.