Preview
#c4bfa5
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.34:1
HEX
#c4bfa5
RGB
rgb(196, 191, 165)
RGBA
rgba(196, 191, 165, 1)
HSL
hsl(50, 21%, 71%)
HSV
hsv(50, 16%, 77%)
LAB
lab(77.11% -2.65 13.76)
LCH
lch(77.11% 14.01 100.9)
OKLAB
oklab(0.8017 -0.0051 0.0356)
OKLCH
oklch(0.8017 0.036 98.15)
XYZ
xyz(48.19, 51.71, 43.03)
CMYK
cmyk(0%, 3%, 16%, 23%)
CSS
color: #c4bfa5;
CSS variable
--color-c4bfa5: #c4bfa5;
SCSS
$color-c4bfa5: #c4bfa5;
Tailwind
orange-200
Export
:root {
--#c4bfa5-1: #c4bfa5;
}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.