Preview
#c2ba75
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.57:1
HEX
#c2ba75
RGB
rgb(194, 186, 117)
RGBA
rgba(194, 186, 117, 1)
HSL
hsl(54, 39%, 61%)
HSV
hsv(54, 40%, 76%)
LAB
lab(74.74% -7.25 35.98)
LCH
lch(74.74% 36.7 101.39)
OKLAB
oklab(0.7798 -0.0195 0.0879)
OKLCH
oklch(0.7798 0.09 102.51)
XYZ
xyz(43.02, 47.87, 23.80)
CMYK
cmyk(0%, 4%, 40%, 24%)
CSS
color: #c2ba75;
CSS variable
--color-c2ba75: #c2ba75;
SCSS
$color-c2ba75: #c2ba75;
Tailwind
orange-300
Export
:root {
--#c2ba75-1: #c2ba75;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.