Preview
#c2be9c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.14:1
HEX
#c2be9c
RGB
rgb(194, 190, 156)
RGBA
rgba(194, 190, 156, 1)
HSL
hsl(54, 24%, 69%)
HSV
hsv(54, 20%, 76%)
LAB
lab(76.5% -4.25 17.71)
LCH
lch(76.5% 18.21 103.49)
OKLAB
oklab(0.7959 -0.0095 0.0454)
OKLCH
oklch(0.7959 0.0464 101.82)
XYZ
xyz(46.66, 50.70, 38.77)
CMYK
cmyk(0%, 2%, 20%, 24%)
CSS
color: #c2be9c;
CSS variable
--color-c2be9c: #c2be9c;
SCSS
$color-c2be9c: #c2be9c;
Tailwind
orange-300
Export
:root {
--#c2be9c-1: #c2be9c;
}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.