Preview
#2a2b14
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 14.44:1 · vs black: 1.45:1
HEX
#2a2b14
RGB
rgb(42, 43, 20)
RGBA
rgba(42, 43, 20, 1)
HSL
hsl(63, 37%, 12%)
HSV
hsv(63, 53%, 17%)
LAB
lab(16.85% -4.82 14.79)
LCH
lch(16.85% 15.56 108.05)
OKLAB
oklab(0.2815 -0.0135 0.0356)
OKLCH
oklch(0.2815 0.0381 110.77)
XYZ
xyz(1.95, 2.27, 1.00)
CMYK
cmyk(2%, 0%, 53%, 83%)
CSS
color: #2a2b14;
CSS variable
--color-2a2b14: #2a2b14;
SCSS
$color-2a2b14: #2a2b14;
Tailwind
amber-900
Export
:root {
--#2a2b14-1: #2a2b14;
}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.