Preview
#6b4c19
Family: Orange
Accessibility on this swatch:
Contrast vs white: 7.86:1 · vs black: 2.67:1
HEX
#6b4c19
RGB
rgb(107, 76, 25)
RGBA
rgba(107, 76, 25, 1)
HSL
hsl(37, 62%, 26%)
HSV
hsv(37, 77%, 42%)
LAB
lab(34.73% 7.72 34.1)
LCH
lch(34.73% 34.96 77.24)
OKLAB
oklab(0.4402 0.0186 0.0759)
OKLCH
oklch(0.4402 0.0781 76.23)
XYZ
xyz(8.82, 8.37, 2.07)
CMYK
cmyk(0%, 29%, 77%, 58%)
CSS
color: #6b4c19;
CSS variable
--color-6b4c19: #6b4c19;
SCSS
$color-6b4c19: #6b4c19;
Tailwind
red-700
Export
:root {
--#6b4c19-1: #6b4c19;
}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.