Preview
#2f2d15
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 13.93:1 · vs black: 1.51:1
HEX
#2f2d15
RGB
rgb(47, 45, 21)
RGBA
rgba(47, 45, 21, 1)
HSL
hsl(55, 38%, 13%)
HSV
hsv(55, 55%, 18%)
LAB
lab(18.08% -3.4 15.78)
LCH
lch(18.08% 16.14 102.16)
OKLAB
oklab(0.2926 -0.0097 0.0379)
OKLCH
oklch(0.2926 0.0391 104.36)
XYZ
xyz(2.25, 2.54, 1.08)
CMYK
cmyk(0%, 4%, 55%, 82%)
CSS
color: #2f2d15;
CSS variable
--color-2f2d15: #2f2d15;
SCSS
$color-2f2d15: #2f2d15;
Tailwind
orange-800
Export
:root {
--#2f2d15-1: #2f2d15;
}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.