Preview
#c2bfb2
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.84:1 · vs black: 11.39:1
HEX
#c2bfb2
RGB
rgb(194, 191, 178)
RGBA
rgba(194, 191, 178, 1)
HSL
hsl(49, 12%, 73%)
HSV
hsv(49, 8%, 76%)
LAB
lab(77.25% -1.25 6.93)
LCH
lch(77.25% 7.04 100.22)
OKLAB
oklab(0.8034 -0.002 0.0181)
OKLCH
oklch(0.8034 0.0182 96.31)
XYZ
xyz(48.91, 51.95, 49.56)
CMYK
cmyk(0%, 2%, 8%, 24%)
CSS
color: #c2bfb2;
CSS variable
--color-c2bfb2: #c2bfb2;
SCSS
$color-c2bfb2: #c2bfb2;
Tailwind
orange-200
Export
:root {
--#c2bfb2-1: #c2bfb2;
}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.