Preview
#282611
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 15.27:1 · vs black: 1.38:1
HEX
#282611
RGB
rgb(40, 38, 17)
RGBA
rgba(40, 38, 17, 1)
HSL
hsl(55, 40%, 11%)
HSV
hsv(55, 57%, 16%)
LAB
lab(14.83% -2.93 14.06)
LCH
lch(14.83% 14.36 101.77)
OKLAB
oklab(0.2648 -0.0083 0.0341)
OKLCH
oklch(0.2648 0.0351 103.68)
XYZ
xyz(1.67, 1.88, 0.80)
CMYK
cmyk(0%, 5%, 58%, 84%)
CSS
color: #282611;
CSS variable
--color-282611: #282611;
SCSS
$color-282611: #282611;
Tailwind
orange-900
Export
:root {
--#282611-1: #282611;
}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.