Preview
#c7c3b3
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#c7c3b3
RGB
rgb(199, 195, 179)
RGBA
rgba(199, 195, 179, 1)
HSL
hsl(48, 15%, 74%)
HSV
hsv(48, 10%, 78%)
LAB
lab(78.71% -1.39 8.53)
LCH
lch(78.71% 8.64 99.26)
OKLAB
oklab(0.816 -0.0021 0.0223)
OKLCH
oklch(0.816 0.0224 95.38)
XYZ
xyz(51.20, 54.43, 50.45)
CMYK
cmyk(0%, 2%, 10%, 22%)
CSS
color: #c7c3b3;
CSS variable
--color-c7c3b3: #c7c3b3;
SCSS
$color-c7c3b3: #c7c3b3;
Tailwind
orange-200
Export
:root {
--#c7c3b3-1: #c7c3b3;
}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.