Preview
#685027
Family: Orange
Accessibility on this swatch:
Contrast vs white: 7.59:1 · vs black: 2.77:1
HEX
#685027
RGB
rgb(104, 80, 39)
RGBA
rgba(104, 80, 39, 1)
HSL
hsl(38, 45%, 28%)
HSV
hsv(38, 63%, 41%)
LAB
lab(35.65% 4.8 27.64)
LCH
lch(35.65% 28.05 80.15)
OKLAB
oklab(0.447 0.0124 0.0647)
OKLCH
oklch(0.447 0.0659 79.15)
XYZ
xyz(8.94, 8.83, 3.15)
CMYK
cmyk(0%, 23%, 63%, 59%)
CSS
color: #685027;
CSS variable
--color-685027: #685027;
SCSS
$color-685027: #685027;
Tailwind
red-700
Export
:root {
--#685027-1: #685027;
}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.