Preview
#a6a14f
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.68:1 · vs black: 7.83:1
HEX
#a6a14f
RGB
rgb(166, 161, 79)
RGBA
rgba(166, 161, 79, 1)
HSL
hsl(57, 36%, 48%)
HSV
hsv(57, 52%, 65%)
LAB
lab(65.09% -9.54 42.83)
LCH
lch(65.09% 43.88 102.56)
OKLAB
oklab(0.6958 -0.0283 0.1008)
OKLCH
oklch(0.6958 0.1047 105.68)
XYZ
xyz(29.88, 34.16, 12.42)
CMYK
cmyk(0%, 3%, 52%, 35%)
CSS
color: #a6a14f;
CSS variable
--color-a6a14f: #a6a14f;
SCSS
$color-a6a14f: #a6a14f;
Tailwind
orange-500
Export
:root {
--#a6a14f-1: #a6a14f;
}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.