Preview
#daa520
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.24:1 · vs black: 9.38:1
HEX
#daa520
RGB
rgb(218, 165, 32)
RGBA
rgba(218, 165, 32, 1)
HSL
hsl(43, 74%, 49%)
HSV
hsv(43, 85%, 85%)
LAB
lab(70.82% 8.52 68.76)
LCH
lch(70.82% 69.29 82.94)
OKLAB
oklab(0.7516 0.0154 0.1461)
OKLCH
oklch(0.7516 0.1469 83.98)
XYZ
xyz(42.63, 41.92, 7.21)
CMYK
cmyk(0%, 24%, 85%, 15%)
CSS
color: #daa520;
CSS variable
--color-daa520: #daa520;
SCSS
$color-daa520: #daa520;
Tailwind
orange-500
Export
:root {
--goldenrod-1: #daa520;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.