Preview
#c2b27a
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.11:1 · vs black: 9.94:1
HEX
#c2b27a
RGB
rgb(194, 178, 122)
RGBA
rgba(194, 178, 122, 1)
HSL
hsl(47, 37%, 62%)
HSV
hsv(47, 37%, 76%)
LAB
lab(72.7% -2.47 30.73)
LCH
lch(72.7% 30.83 94.6)
OKLAB
oklab(0.7639 -0.0054 0.076)
OKLCH
oklch(0.7639 0.0762 94.06)
XYZ
xyz(41.68, 44.72, 24.84)
CMYK
cmyk(0%, 8%, 37%, 24%)
CSS
color: #c2b27a;
CSS variable
--color-c2b27a: #c2b27a;
SCSS
$color-c2b27a: #c2b27a;
Tailwind
orange-300
Export
:root {
--spectrum-#c2b27a-1: #c2b27a;
}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.