Preview
#c5b687
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.42:1
HEX
#c5b687
RGB
rgb(197, 182, 135)
RGBA
rgba(197, 182, 135, 1)
HSL
hsl(45, 35%, 65%)
HSV
hsv(45, 31%, 77%)
LAB
lab(74.24% -1.8 25.91)
LCH
lch(74.24% 25.97 93.97)
OKLAB
oklab(0.7773 -0.0028 0.065)
OKLCH
oklch(0.7773 0.0651 92.47)
XYZ
xyz(44.13, 47.08, 29.68)
CMYK
cmyk(0%, 8%, 31%, 23%)
CSS
color: #c5b687;
CSS variable
--color-c5b687: #c5b687;
SCSS
$color-c5b687: #c5b687;
Tailwind
orange-300
Export
:root {
--#c5b687-1: #c5b687;
}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.