Preview
#bd7e3e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.38:1 · vs black: 6.22:1
HEX
#bd7e3e
RGB
rgb(189, 126, 62)
RGBA
rgba(189, 126, 62, 1)
HSL
hsl(30, 51%, 49%)
HSV
hsv(30, 67%, 74%)
LAB
lab(58.12% 18.34 43.86)
LCH
lch(58.12% 47.54 67.31)
OKLAB
oklab(0.6458 0.0493 0.1003)
OKLCH
oklch(0.6458 0.1118 63.82)
XYZ
xyz(29.32, 26.09, 8.05)
CMYK
cmyk(0%, 33%, 67%, 26%)
CSS
color: #bd7e3e;
CSS variable
--color-bd7e3e: #bd7e3e;
SCSS
$color-bd7e3e: #bd7e3e;
Tailwind
red-500
Export
:root {
--#bd7e3e-1: #bd7e3e;
}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.