Preview
#c6b79f
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.68:1
HEX
#c6b79f
RGB
rgb(198, 183, 159)
RGBA
rgba(198, 183, 159, 1)
HSL
hsl(37, 25%, 70%)
HSV
hsv(37, 20%, 78%)
LAB
lab(75.06% 1.42 14.14)
LCH
lch(75.06% 14.21 84.27)
OKLAB
oklab(0.7856 0.0067 0.0365)
OKLCH
oklch(0.7856 0.0371 79.6)
XYZ
xyz(46.48, 48.38, 39.68)
CMYK
cmyk(0%, 8%, 20%, 22%)
CSS
color: #c6b79f;
CSS variable
--color-c6b79f: #c6b79f;
SCSS
$color-c6b79f: #c6b79f;
Tailwind
red-300
Export
:root {
--#c6b79f-1: #c6b79f;
}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.