Preview
#c0b58c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.23:1
HEX
#c0b58c
RGB
rgb(192, 181, 140)
RGBA
rgba(192, 181, 140, 1)
HSL
hsl(47, 29%, 65%)
HSV
hsv(47, 27%, 75%)
LAB
lab(73.64% -2.56 22.35)
LCH
lch(73.64% 22.5 96.53)
OKLAB
oklab(0.7719 -0.0048 0.0566)
OKLCH
oklch(0.7719 0.0568 94.85)
XYZ
xyz(43.00, 46.15, 31.45)
CMYK
cmyk(0%, 6%, 27%, 25%)
CSS
color: #c0b58c;
CSS variable
--color-c0b58c: #c0b58c;
SCSS
$color-c0b58c: #c0b58c;
Tailwind
orange-300
Export
:root {
--#c0b58c-1: #c0b58c;
}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.