Preview
#4f5313
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 8.14:1 · vs black: 2.58:1
HEX
#4f5313
RGB
rgb(79, 83, 19)
RGBA
rgba(79, 83, 19, 1)
HSL
hsl(64, 63%, 20%)
HSV
hsv(64, 77%, 33%)
LAB
lab(33.77% -10.71 34.84)
LCH
lch(33.77% 36.45 107.09)
OKLAB
oklab(0.4253 -0.0329 0.0774)
OKLCH
oklch(0.4253 0.0841 113.03)
XYZ
xyz(6.44, 7.90, 1.80)
CMYK
cmyk(5%, 0%, 77%, 67%)
CSS
color: #4f5313;
CSS variable
--color-4f5313: #4f5313;
SCSS
$color-4f5313: #4f5313;
Tailwind
amber-800
Export
:root {
--#4f5313-1: #4f5313;
}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.