Preview
#4a493c
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 9.09:1 · vs black: 2.31:1
HEX
#4a493c
RGB
rgb(74, 73, 60)
RGBA
rgba(74, 73, 60, 1)
HSL
hsl(56, 10%, 26%)
HSV
hsv(56, 19%, 29%)
LAB
lab(30.75% -2.19 7.95)
LCH
lch(30.75% 8.25 105.4)
OKLAB
oklab(0.4023 -0.005 0.0205)
OKLCH
oklch(0.4023 0.0211 103.71)
XYZ
xyz(6.02, 6.55, 5.22)
CMYK
cmyk(0%, 1%, 19%, 71%)
CSS
color: #4a493c;
CSS variable
--color-4a493c: #4a493c;
SCSS
$color-4a493c: #4a493c;
Tailwind
orange-700
Export
:root {
--#4a493c-1: #4a493c;
}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.