Preview
#d3bf88
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.81:1 · vs black: 11.58:1
HEX
#d3bf88
RGB
rgb(211, 191, 136)
RGBA
rgba(211, 191, 136, 1)
HSL
hsl(44, 46%, 68%)
HSV
hsv(44, 36%, 83%)
LAB
lab(77.81% -0.89 30.36)
LCH
lch(77.81% 30.37 91.68)
OKLAB
oklab(0.8085 -0.0005 0.0755)
OKLCH
oklch(0.8085 0.0755 90.38)
XYZ
xyz(49.94, 52.89, 30.87)
CMYK
cmyk(0%, 9%, 36%, 17%)
CSS
color: #d3bf88;
CSS variable
--color-d3bf88: #d3bf88;
SCSS
$color-d3bf88: #d3bf88;
Tailwind
orange-300
Export
:root {
--#d3bf88-1: #d3bf88;
}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.