Preview
#dac485
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.22:1
HEX
#dac485
RGB
rgb(218, 196, 133)
RGBA
rgba(218, 196, 133, 1)
HSL
hsl(44, 53%, 69%)
HSV
hsv(44, 39%, 85%)
LAB
lab(79.66% -1.07 34.46)
LCH
lch(79.66% 34.48 91.78)
OKLAB
oklab(0.8243 -0.0015 0.0849)
OKLCH
oklch(0.8243 0.0849 91.01)
XYZ
xyz(52.89, 56.08, 30.22)
CMYK
cmyk(0%, 10%, 39%, 15%)
CSS
color: #dac485;
CSS variable
--color-dac485: #dac485;
SCSS
$color-dac485: #dac485;
Tailwind
orange-300
Export
:root {
--#dac485-1: #dac485;
}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.