Preview
#2a2a23
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 14.44:1 · vs black: 1.45:1
HEX
#2a2a23
RGB
rgb(42, 42, 35)
RGBA
rgba(42, 42, 35, 1)
HSL
hsl(60, 9%, 15%)
HSV
hsv(60, 17%, 16%)
LAB
lab(16.84% -1.57 4.59)
LCH
lch(16.84% 4.85 108.88)
OKLAB
oklab(0.2826 -0.0037 0.0119)
OKLCH
oklch(0.2826 0.0125 107.27)
XYZ
xyz(2.09, 2.27, 1.92)
CMYK
cmyk(0%, 0%, 17%, 84%)
CSS
color: #2a2a23;
CSS variable
--color-2a2a23: #2a2a23;
SCSS
$color-2a2a23: #2a2a23;
Tailwind
amber-800
Export
:root {
--#2a2a23-1: #2a2a23;
}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.