Preview
#c0c947
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.8:1 · vs black: 11.69:1
HEX
#c0c947
RGB
rgb(192, 201, 71)
RGBA
rgba(192, 201, 71, 1)
HSL
hsl(64, 55%, 53%)
HSV
hsv(64, 65%, 79%)
LAB
lab(78.13% -19.64 61.43)
LCH
lch(78.13% 64.49 107.73)
OKLAB
oklab(0.8047 -0.0593 0.1389)
OKLCH
oklch(0.8047 0.151 113.12)
XYZ
xyz(43.76, 53.44, 13.97)
CMYK
cmyk(4%, 0%, 65%, 21%)
CSS
color: #c0c947;
CSS variable
--color-c0c947: #c0c947;
SCSS
$color-c0c947: #c0c947;
Tailwind
amber-400
Export
:root {
--#c0c947-1: #c0c947;
}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.