Preview
#afae9d
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.24:1 · vs black: 9.36:1
HEX
#afae9d
RGB
rgb(175, 174, 157)
RGBA
rgba(175, 174, 157, 1)
HSL
hsl(57, 10%, 65%)
HSV
hsv(57, 10%, 69%)
LAB
lab(70.75% -2.68 8.86)
LCH
lch(70.75% 9.26 106.83)
OKLAB
oklab(0.7469 -0.0058 0.0231)
OKLCH
oklch(0.7469 0.0238 104.09)
XYZ
xyz(38.90, 41.82, 37.91)
CMYK
cmyk(0%, 1%, 10%, 31%)
CSS
color: #afae9d;
CSS variable
--color-afae9d: #afae9d;
SCSS
$color-afae9d: #afae9d;
Tailwind
orange-300
Export
:root {
--#afae9d-1: #afae9d;
}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.