Preview
#c6be86
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.11:1
HEX
#c6be86
RGB
rgb(198, 190, 134)
RGBA
rgba(198, 190, 134, 1)
HSL
hsl(53, 36%, 65%)
HSV
hsv(53, 32%, 78%)
LAB
lab(76.41% -5.73 29.35)
LCH
lch(76.41% 29.9 101.05)
OKLAB
oklab(0.7946 -0.0142 0.0731)
OKLCH
oklch(0.7946 0.0745 100.99)
XYZ
xyz(46.01, 50.55, 29.88)
CMYK
cmyk(0%, 4%, 32%, 22%)
CSS
color: #c6be86;
CSS variable
--color-c6be86: #c6be86;
SCSS
$color-c6be86: #c6be86;
Tailwind
orange-300
Export
:root {
--#c6be86-1: #c6be86;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.