Preview
#702c09
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 10.23:1 · vs black: 2.05:1
HEX
#702c09
RGB
rgb(112, 44, 9)
RGBA
rgba(112, 44, 9, 1)
HSL
hsl(20, 85%, 24%)
HSV
hsv(20, 92%, 44%)
LAB
lab(27.48% 28.3 34.89)
LCH
lch(27.48% 44.92 50.95)
OKLAB
oklab(0.3855 0.0771 0.0725)
OKLCH
oklch(0.3855 0.1058 43.24)
XYZ
xyz(7.63, 5.27, 0.87)
CMYK
cmyk(0%, 61%, 92%, 56%)
CSS
color: #702c09;
CSS variable
--color-702c09: #702c09;
SCSS
$color-702c09: #702c09;
Tailwind
red-700
Export
:root {
--#702c09-1: #702c09;
}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.