Preview
#3e420f
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 10.55:1 · vs black: 1.99:1
HEX
#3e420f
RGB
rgb(62, 66, 15)
RGBA
rgba(62, 66, 15, 1)
HSL
hsl(65, 63%, 16%)
HSV
hsv(65, 77%, 26%)
LAB
lab(26.61% -9.43 29)
LCH
lch(26.61% 30.49 108.01)
OKLAB
oklab(0.3641 -0.0286 0.0649)
OKLCH
oklch(0.3641 0.0709 113.78)
XYZ
xyz(4.02, 4.96, 1.20)
CMYK
cmyk(6%, 0%, 77%, 74%)
CSS
color: #3e420f;
CSS variable
--color-3e420f: #3e420f;
SCSS
$color-3e420f: #3e420f;
Tailwind
amber-800
Export
:root {
--#3e420f-1: #3e420f;
}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.