Preview
#4d4c3d
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 8.69:1 · vs black: 2.42:1
HEX
#4d4c3d
RGB
rgb(77, 76, 61)
RGBA
rgba(77, 76, 61, 1)
HSL
hsl(56, 12%, 27%)
HSV
hsv(56, 21%, 30%)
LAB
lab(32% -2.55 9.09)
LCH
lch(32% 9.44 105.67)
OKLAB
oklab(0.4129 -0.0059 0.0233)
OKLCH
oklch(0.4129 0.024 104.21)
XYZ
xyz(6.49, 7.08, 5.44)
CMYK
cmyk(0%, 1%, 21%, 70%)
CSS
color: #4d4c3d;
CSS variable
--color-4d4c3d: #4d4c3d;
SCSS
$color-4d4c3d: #4d4c3d;
Tailwind
orange-700
Export
:root {
--#4d4c3d-1: #4d4c3d;
}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.