Preview
#64380c
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 9.94:1 · vs black: 2.11:1
HEX
#64380c
RGB
rgb(100, 56, 12)
RGBA
rgba(100, 56, 12, 1)
HSL
hsl(30, 79%, 22%)
HSV
hsv(30, 88%, 39%)
LAB
lab(28.29% 16.03 33.56)
LCH
lch(28.29% 37.19 64.47)
OKLAB
oklab(0.3877 0.0417 0.0718)
OKLCH
oklch(0.3877 0.083 59.85)
XYZ
xyz(6.74, 5.56, 1.07)
CMYK
cmyk(0%, 44%, 88%, 61%)
CSS
color: #64380c;
CSS variable
--color-64380c: #64380c;
SCSS
$color-64380c: #64380c;
Tailwind
red-700
Export
:root {
--#64380c-1: #64380c;
}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.