Preview
#312e0a
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 13.76:1 · vs black: 1.53:1
HEX
#312e0a
RGB
rgb(49, 46, 10)
RGBA
rgba(49, 46, 10, 1)
HSL
hsl(55, 66%, 12%)
HSV
hsv(55, 80%, 19%)
LAB
lab(18.49% -4.08 22.25)
LCH
lch(18.49% 22.62 100.39)
OKLAB
oklab(0.2959 -0.0133 0.0512)
OKLCH
oklch(0.2959 0.0529 104.56)
XYZ
xyz(2.30, 2.63, 0.67)
CMYK
cmyk(0%, 6%, 80%, 81%)
CSS
color: #312e0a;
CSS variable
--color-312e0a: #312e0a;
SCSS
$color-312e0a: #312e0a;
Tailwind
orange-900
Export
:root {
--#312e0a-1: #312e0a;
}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.