Preview
#c2ae76
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.19:1 · vs black: 9.61:1
HEX
#c2ae76
RGB
rgb(194, 174, 118)
RGBA
rgba(194, 174, 118, 1)
HSL
hsl(44, 38%, 61%)
HSV
hsv(44, 39%, 76%)
LAB
lab(71.59% -0.81 31.38)
LCH
lch(71.59% 31.39 91.48)
OKLAB
oklab(0.7549 -0.0008 0.0774)
OKLCH
oklch(0.7549 0.0774 90.59)
XYZ
xyz(40.66, 43.05, 23.30)
CMYK
cmyk(0%, 10%, 39%, 24%)
CSS
color: #c2ae76;
CSS variable
--color-c2ae76: #c2ae76;
SCSS
$color-c2ae76: #c2ae76;
Tailwind
orange-300
Export
:root {
--#c2ae76-1: #c2ae76;
}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.