Preview
#c7b98e
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.76:1
HEX
#c7b98e
RGB
rgb(199, 185, 142)
RGBA
rgba(199, 185, 142, 1)
HSL
hsl(45, 34%, 67%)
HSV
hsv(45, 29%, 78%)
LAB
lab(75.32% -1.68 23.67)
LCH
lch(75.32% 23.73 94.06)
OKLAB
oklab(0.7867 -0.0023 0.0598)
OKLCH
oklch(0.7867 0.0598 92.2)
XYZ
xyz(45.79, 48.79, 32.59)
CMYK
cmyk(0%, 7%, 29%, 22%)
CSS
color: #c7b98e;
CSS variable
--color-c7b98e: #c7b98e;
SCSS
$color-c7b98e: #c7b98e;
Tailwind
orange-300
Export
:root {
--#c7b98e-1: #c7b98e;
}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.