Preview
#3a3015
Family: Orange
Accessibility on this swatch:
Contrast vs white: 13.02:1 · vs black: 1.61:1
HEX
#3a3015
RGB
rgb(58, 48, 21)
RGBA
rgba(58, 48, 21, 1)
HSL
hsl(44, 47%, 15%)
HSV
hsv(44, 64%, 23%)
LAB
lab(20.31% 0.38 18.77)
LCH
lch(20.31% 18.77 88.84)
OKLAB
oklab(0.3132 0.0004 0.0442)
OKLCH
oklch(0.3132 0.0442 89.48)
XYZ
xyz(2.94, 3.07, 1.15)
CMYK
cmyk(0%, 17%, 64%, 77%)
CSS
color: #3a3015;
CSS variable
--color-3a3015: #3a3015;
SCSS
$color-3a3015: #3a3015;
Tailwind
orange-800
Export
:root {
--#3a3015-1: #3a3015;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.