Preview
#202016
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 16.41:1 · vs black: 1.28:1
HEX
#202016
RGB
rgb(32, 32, 22)
RGBA
rgba(32, 32, 22, 1)
HSL
hsl(60, 19%, 11%)
HSV
hsv(60, 31%, 13%)
LAB
lab(11.94% -2.21 6.83)
LCH
lch(11.94% 7.18 107.93)
OKLAB
oklab(0.2401 -0.0055 0.0173)
OKLCH
oklch(0.2401 0.0182 107.64)
XYZ
xyz(1.26, 1.40, 0.96)
CMYK
cmyk(0%, 0%, 31%, 87%)
CSS
color: #202016;
CSS variable
--color-202016: #202016;
SCSS
$color-202016: #202016;
Tailwind
amber-900
Export
:root {
--#202016-1: #202016;
}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.