Preview
#abad9f
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.28:1 · vs black: 9.21:1
HEX
#abad9f
RGB
rgb(171, 173, 159)
RGBA
rgba(171, 173, 159, 1)
HSL
hsl(69, 8%, 65%)
HSV
hsv(69, 8%, 68%)
LAB
lab(70.21% -3.27 6.95)
LCH
lch(70.21% 7.68 115.2)
OKLAB
oklab(0.742 -0.0079 0.0182)
OKLCH
oklch(0.742 0.0198 113.46)
XYZ
xyz(38.00, 41.05, 38.72)
CMYK
cmyk(1%, 0%, 8%, 32%)
CSS
color: #abad9f;
CSS variable
--color-abad9f: #abad9f;
SCSS
$color-abad9f: #abad9f;
Tailwind
amber-300
Export
:root {
--#abad9f-1: #abad9f;
}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.