Preview
#3e3e2f
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 10.85:1 · vs black: 1.93:1
HEX
#3e3e2f
RGB
rgb(62, 62, 47)
RGBA
rgba(62, 62, 47, 1)
HSL
hsl(60, 14%, 21%)
HSV
hsv(60, 24%, 24%)
LAB
lab(25.79% -3.03 9.26)
LCH
lch(25.79% 9.74 108.12)
OKLAB
oklab(0.3592 -0.0075 0.0236)
OKLCH
oklch(0.3592 0.0248 107.63)
XYZ
xyz(4.22, 4.67, 3.37)
CMYK
cmyk(0%, 0%, 24%, 76%)
CSS
color: #3e3e2f;
CSS variable
--color-3e3e2f: #3e3e2f;
SCSS
$color-3e3e2f: #3e3e2f;
Tailwind
amber-700
Export
:root {
--#3e3e2f-1: #3e3e2f;
}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.