Preview
#d8bc77
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.38:1
HEX
#d8bc77
RGB
rgb(216, 188, 119)
RGBA
rgba(216, 188, 119, 1)
HSL
hsl(43, 55%, 66%)
HSV
hsv(43, 45%, 85%)
LAB
lab(77.22% 0.83 38.5)
LCH
lch(77.22% 38.51 88.76)
OKLAB
oklab(0.804 0.003 0.0935)
OKLCH
oklch(0.804 0.0935 88.16)
XYZ
xyz(49.63, 51.90, 24.85)
CMYK
cmyk(0%, 13%, 45%, 15%)
CSS
color: #d8bc77;
CSS variable
--color-d8bc77: #d8bc77;
SCSS
$color-d8bc77: #d8bc77;
Tailwind
orange-300
Export
:root {
--#d8bc77-1: #d8bc77;
}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.