Preview
#c9c45e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.54:1
HEX
#c9c45e
RGB
rgb(201, 196, 94)
RGBA
rgba(201, 196, 94, 1)
HSL
hsl(57, 50%, 58%)
HSV
hsv(57, 53%, 79%)
LAB
lab(77.7% -11.75 51.09)
LCH
lch(77.7% 52.42 102.95)
OKLAB
oklab(0.8037 -0.0351 0.1196)
OKLCH
oklch(0.8037 0.1246 106.36)
XYZ
xyz(45.85, 52.71, 18.35)
CMYK
cmyk(0%, 2%, 53%, 21%)
CSS
color: #c9c45e;
CSS variable
--color-c9c45e: #c9c45e;
SCSS
$color-c9c45e: #c9c45e;
Tailwind
orange-400
Export
:root {
--#c9c45e-1: #c9c45e;
}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.