Preview
#21200f
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 16.43:1 · vs black: 1.28:1
HEX
#21200f
RGB
rgb(33, 32, 15)
RGBA
rgba(33, 32, 15, 1)
HSL
hsl(57, 38%, 9%)
HSV
hsv(57, 55%, 13%)
LAB
lab(11.9% -2.86 11.14)
LCH
lch(11.9% 11.5 104.4)
OKLAB
oklab(0.2395 -0.0079 0.0285)
OKLCH
oklch(0.2395 0.0296 105.49)
XYZ
xyz(1.23, 1.39, 0.66)
CMYK
cmyk(0%, 3%, 55%, 87%)
CSS
color: #21200f;
CSS variable
--color-21200f: #21200f;
SCSS
$color-21200f: #21200f;
Tailwind
orange-900
Export
:root {
--#21200f-1: #21200f;
}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.