Preview
#3c3b2d
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 11.32:1 · vs black: 1.86:1
HEX
#3c3b2d
RGB
rgb(60, 59, 45)
RGBA
rgba(60, 59, 45, 1)
HSL
hsl(56, 14%, 21%)
HSV
hsv(56, 25%, 24%)
LAB
lab(24.57% -2.4 8.86)
LCH
lch(24.57% 9.18 105.16)
OKLAB
oklab(0.3489 -0.0057 0.0226)
OKLCH
oklch(0.3489 0.0233 104.16)
XYZ
xyz(3.90, 4.28, 3.10)
CMYK
cmyk(0%, 2%, 25%, 76%)
CSS
color: #3c3b2d;
CSS variable
--color-3c3b2d: #3c3b2d;
SCSS
$color-3c3b2d: #3c3b2d;
Tailwind
orange-700
Export
:root {
--#3c3b2d-1: #3c3b2d;
}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.