Preview
#473c1f
Family: Orange
Accessibility on this swatch:
Contrast vs white: 10.86:1 · vs black: 1.93:1
HEX
#473c1f
RGB
rgb(71, 60, 31)
RGBA
rgba(71, 60, 31, 1)
HSL
hsl(44, 39%, 20%)
HSV
hsv(44, 56%, 28%)
LAB
lab(25.77% 0.31 19.59)
LCH
lch(25.77% 19.59 89.09)
OKLAB
oklab(0.3603 0.0006 0.0468)
OKLCH
oklch(0.3603 0.0468 89.27)
XYZ
xyz(4.46, 4.67, 1.96)
CMYK
cmyk(0%, 15%, 56%, 72%)
CSS
color: #473c1f;
CSS variable
--color-473c1f: #473c1f;
SCSS
$color-473c1f: #473c1f;
Tailwind
orange-800
Export
:root {
--#473c1f-1: #473c1f;
}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.