Preview
#c2a678
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.33:1 · vs black: 9.02:1
HEX
#c2a678
RGB
rgb(194, 166, 120)
RGBA
rgba(194, 166, 120, 1)
HSL
hsl(37, 38%, 62%)
HSV
hsv(37, 38%, 76%)
LAB
lab(69.54% 3.71 27.62)
LCH
lch(69.54% 27.87 82.35)
OKLAB
oklab(0.7388 0.0125 0.0687)
OKLCH
oklch(0.7388 0.0698 79.69)
XYZ
xyz(39.28, 40.10, 23.44)
CMYK
cmyk(0%, 14%, 38%, 24%)
CSS
color: #c2a678;
CSS variable
--color-c2a678: #c2a678;
SCSS
$color-c2a678: #c2a678;
Tailwind
red-300
Export
:root {
--#c2a678-1: #c2a678;
}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.