Preview
#67522f
Family: Orange
Accessibility on this swatch:
Contrast vs white: 7.43:1 · vs black: 2.82:1
HEX
#67522f
RGB
rgb(103, 82, 47)
RGBA
rgba(103, 82, 47, 1)
HSL
hsl(38, 37%, 29%)
HSV
hsv(38, 54%, 40%)
LAB
lab(36.22% 3.85 23.72)
LCH
lch(36.22% 24.03 80.78)
OKLAB
oklab(0.4516 0.0108 0.0569)
OKLCH
oklch(0.4516 0.0579 79.25)
XYZ
xyz(9.12, 9.12, 3.97)
CMYK
cmyk(0%, 20%, 54%, 60%)
CSS
color: #67522f;
CSS variable
--color-67522f: #67522f;
SCSS
$color-67522f: #67522f;
Tailwind
red-700
Export
:root {
--#67522f-1: #67522f;
}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.