Preview
#c6a564
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.34:1 · vs black: 8.97:1
HEX
#c6a564
RGB
rgb(198, 165, 100)
RGBA
rgba(198, 165, 100, 1)
HSL
hsl(40, 46%, 58%)
HSV
hsv(40, 49%, 78%)
LAB
lab(69.35% 3.78 38.04)
LCH
lch(69.35% 38.23 84.33)
OKLAB
oklab(0.7373 0.0107 0.0915)
OKLCH
oklch(0.7373 0.0921 83.33)
XYZ
xyz(39.05, 39.84, 17.69)
CMYK
cmyk(0%, 17%, 49%, 22%)
CSS
color: #c6a564;
CSS variable
--color-c6a564: #c6a564;
SCSS
$color-c6a564: #c6a564;
Tailwind
orange-400
Export
:root {
--#c6a564-1: #c6a564;
}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.