Preview
#c5c2a6
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.8:1 · vs black: 11.64:1
HEX
#c5c2a6
RGB
rgb(197, 194, 166)
RGBA
rgba(197, 194, 166, 1)
HSL
hsl(54, 21%, 71%)
HSV
hsv(54, 16%, 77%)
LAB
lab(78% -3.7 14.48)
LCH
lch(78% 14.95 104.33)
OKLAB
oklab(0.809 -0.0081 0.0374)
OKLCH
oklch(0.809 0.0383 102.22)
XYZ
xyz(49.20, 53.21, 43.75)
CMYK
cmyk(0%, 2%, 16%, 23%)
CSS
color: #c5c2a6;
CSS variable
--color-c5c2a6: #c5c2a6;
SCSS
$color-c5c2a6: #c5c2a6;
Tailwind
orange-200
Export
:root {
--#c5c2a6-1: #c5c2a6;
}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.