Preview
#adaa8a
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.89:1
HEX
#adaa8a
RGB
rgb(173, 170, 138)
RGBA
rgba(173, 170, 138, 1)
HSL
hsl(55, 18%, 61%)
HSV
hsv(55, 20%, 68%)
LAB
lab(69.09% -4.35 16.93)
LCH
lch(69.09% 17.48 104.41)
OKLAB
oklab(0.732 -0.01 0.0433)
OKLCH
oklch(0.732 0.0444 103)
XYZ
xyz(36.20, 39.47, 29.75)
CMYK
cmyk(0%, 2%, 20%, 32%)
CSS
color: #adaa8a;
CSS variable
--color-adaa8a: #adaa8a;
SCSS
$color-adaa8a: #adaa8a;
Tailwind
orange-300
Export
:root {
--#adaa8a-1: #adaa8a;
}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.