Preview
#cacaa3
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.68:1 · vs black: 12.49:1
HEX
#cacaa3
RGB
rgb(202, 202, 163)
RGBA
rgba(202, 202, 163, 1)
HSL
hsl(60, 27%, 72%)
HSV
hsv(60, 19%, 79%)
LAB
lab(80.43% -6.47 19.54)
LCH
lch(80.43% 20.58 108.32)
OKLAB
oklab(0.829 -0.0157 0.0499)
OKLCH
oklch(0.829 0.0523 107.47)
XYZ
xyz(52.09, 57.44, 42.99)
CMYK
cmyk(0%, 0%, 19%, 21%)
CSS
color: #cacaa3;
CSS variable
--color-cacaa3: #cacaa3;
SCSS
$color-cacaa3: #cacaa3;
Tailwind
amber-200
Export
:root {
--#cacaa3-1: #cacaa3;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.