Preview
#c9c969
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.04:1
HEX
#c9c969
RGB
rgb(201, 201, 105)
RGBA
rgba(201, 201, 105, 1)
HSL
hsl(60, 47%, 60%)
HSV
hsv(60, 48%, 79%)
LAB
lab(79.16% -13.33 47.58)
LCH
lch(79.16% 49.41 105.65)
OKLAB
oklab(0.8157 -0.0384 0.113)
OKLCH
oklch(0.8157 0.1193 108.77)
XYZ
xyz(47.52, 55.21, 21.52)
CMYK
cmyk(0%, 0%, 48%, 21%)
CSS
color: #c9c969;
CSS variable
--color-c9c969: #c9c969;
SCSS
$color-c9c969: #c9c969;
Tailwind
amber-400
Export
:root {
--#c9c969-1: #c9c969;
}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.