Preview
#9aa800
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.63:1 · vs black: 7.98:1
HEX
#9aa800
RGB
rgb(154, 168, 0)
RGBA
rgba(154, 168, 0, 1)
HSL
hsl(65, 100%, 33%)
HSV
hsv(65, 100%, 66%)
LAB
lab(65.65% -21.93 67.79)
LCH
lch(65.65% 71.25 107.93)
OKLAB
oklab(0.6964 -0.0685 0.143)
OKLCH
oklch(0.6964 0.1586 115.6)
XYZ
xyz(27.33, 34.88, 5.29)
CMYK
cmyk(8%, 0%, 100%, 34%)
CSS
color: #9aa800;
CSS variable
--color-9aa800: #9aa800;
SCSS
$color-9aa800: #9aa800;
Tailwind
amber-600
Export
:root {
--#9aa800-1: #9aa800;
}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.