Preview
#44482c
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 9.51:1 · vs black: 2.21:1
HEX
#44482c
RGB
rgb(68, 72, 44)
RGBA
rgba(68, 72, 44, 1)
HSL
hsl(69, 24%, 23%)
HSV
hsv(69, 39%, 28%)
LAB
lab(29.53% -6.96 16.28)
LCH
lch(29.53% 17.71 113.15)
OKLAB
oklab(0.39 -0.0189 0.0402)
OKLCH
oklch(0.39 0.0444 115.18)
XYZ
xyz(5.16, 6.05, 3.28)
CMYK
cmyk(6%, 0%, 39%, 72%)
CSS
color: #44482c;
CSS variable
--color-44482c: #44482c;
SCSS
$color-44482c: #44482c;
Tailwind
amber-700
Export
:root {
--#44482c-1: #44482c;
}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.