Preview
#cec497
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 11.97:1
HEX
#cec497
RGB
rgb(206, 196, 151)
RGBA
rgba(206, 196, 151, 1)
HSL
hsl(49, 36%, 70%)
HSV
hsv(49, 27%, 81%)
LAB
lab(78.95% -3.54 23.91)
LCH
lch(78.95% 24.17 98.42)
OKLAB
oklab(0.8173 -0.0074 0.0605)
OKLCH
oklch(0.8173 0.061 96.97)
XYZ
xyz(50.78, 54.84, 37.18)
CMYK
cmyk(0%, 5%, 27%, 19%)
CSS
color: #cec497;
CSS variable
--color-cec497: #cec497;
SCSS
$color-cec497: #cec497;
Tailwind
orange-300
Export
:root {
--#cec497-1: #cec497;
}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.