Preview
#b99d71
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.58:1 · vs black: 8.12:1
HEX
#b99d71
RGB
rgb(185, 157, 113)
RGBA
rgba(185, 157, 113, 1)
HSL
hsl(37, 34%, 58%)
HSV
hsv(37, 39%, 73%)
LAB
lab(66.23% 4.1 26.87)
LCH
lch(66.23% 27.18 81.32)
OKLAB
oklab(0.7104 0.0135 0.0667)
OKLCH
oklch(0.7104 0.0681 78.56)
XYZ
xyz(35.05, 35.62, 20.65)
CMYK
cmyk(0%, 15%, 39%, 27%)
CSS
color: #b99d71;
CSS variable
--color-b99d71: #b99d71;
SCSS
$color-b99d71: #b99d71;
Tailwind
red-400
Export
:root {
--#b99d71-1: #b99d71;
}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.