Preview
#c2bfa3
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.28:1
HEX
#c2bfa3
RGB
rgb(194, 191, 163)
RGBA
rgba(194, 191, 163, 1)
HSL
hsl(54, 20%, 70%)
HSV
hsv(54, 16%, 76%)
LAB
lab(76.91% -3.7 14.53)
LCH
lch(76.91% 14.99 104.29)
OKLAB
oklab(0.7996 -0.0081 0.0375)
OKLCH
oklch(0.7996 0.0384 102.19)
XYZ
xyz(47.49, 51.38, 42.06)
CMYK
cmyk(0%, 2%, 16%, 24%)
CSS
color: #c2bfa3;
CSS variable
--color-c2bfa3: #c2bfa3;
SCSS
$color-c2bfa3: #c2bfa3;
Tailwind
orange-300
Export
:root {
--#c2bfa3-1: #c2bfa3;
}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.