Preview
#64472f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 8.45:1 · vs black: 2.48:1
HEX
#64472f
RGB
rgb(100, 71, 47)
RGBA
rgba(100, 71, 47, 1)
HSL
hsl(27, 36%, 29%)
HSV
hsv(27, 53%, 39%)
LAB
lab(32.75% 9.2 19.28)
LCH
lch(32.75% 21.36 64.49)
OKLAB
oklab(0.4237 0.0269 0.0469)
OKLCH
oklch(0.4237 0.0541 60.16)
XYZ
xyz(8.02, 7.42, 3.70)
CMYK
cmyk(0%, 29%, 53%, 61%)
CSS
color: #64472f;
CSS variable
--color-64472f: #64472f;
SCSS
$color-64472f: #64472f;
Tailwind
red-700
Export
:root {
--#64472f-1: #64472f;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.