Preview
#202117
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 16.26:1 · vs black: 1.29:1
HEX
#202117
RGB
rgb(32, 33, 23)
RGBA
rgba(32, 33, 23, 1)
HSL
hsl(66, 18%, 11%)
HSV
hsv(66, 30%, 13%)
LAB
lab(12.33% -2.72 6.64)
LCH
lch(12.33% 7.18 112.28)
OKLAB
oklab(0.2433 -0.0069 0.0169)
OKLCH
oklch(0.2433 0.0183 112.21)
XYZ
xyz(1.29, 1.46, 1.02)
CMYK
cmyk(3%, 0%, 30%, 87%)
CSS
color: #202117;
CSS variable
--color-202117: #202117;
SCSS
$color-202117: #202117;
Tailwind
amber-900
Export
:root {
--#202117-1: #202117;
}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.