Preview
#b67e45
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.47:1 · vs black: 6.06:1
HEX
#b67e45
RGB
rgb(182, 126, 69)
RGBA
rgba(182, 126, 69, 1)
HSL
hsl(30, 45%, 49%)
HSV
hsv(30, 62%, 71%)
LAB
lab(57.37% 15.78 39.22)
LCH
lch(57.37% 42.28 68.08)
OKLAB
oklab(0.6383 0.0432 0.0915)
OKLCH
oklch(0.6383 0.1012 64.73)
XYZ
xyz(27.83, 25.30, 9.05)
CMYK
cmyk(0%, 31%, 62%, 29%)
CSS
color: #b67e45;
CSS variable
--color-b67e45: #b67e45;
SCSS
$color-b67e45: #b67e45;
Tailwind
red-500
Export
:root {
--#b67e45-1: #b67e45;
}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.