Preview
#51432a
Family: Orange
Accessibility on this swatch:
Contrast vs white: 9.61:1 · vs black: 2.19:1
HEX
#51432a
RGB
rgb(81, 67, 42)
RGBA
rgba(81, 67, 42, 1)
HSL
hsl(38, 32%, 24%)
HSV
hsv(38, 48%, 32%)
LAB
lab(29.24% 2.07 17.4)
LCH
lch(29.24% 17.52 83.22)
OKLAB
oklab(0.3908 0.0064 0.0426)
OKLCH
oklch(0.3908 0.0431 81.46)
XYZ
xyz(5.82, 5.93, 3.03)
CMYK
cmyk(0%, 17%, 48%, 68%)
CSS
color: #51432a;
CSS variable
--color-51432a: #51432a;
SCSS
$color-51432a: #51432a;
Tailwind
red-700
Export
:root {
--#51432a-1: #51432a;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.