Preview
#c0b38d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.07:1
HEX
#c0b38d
RGB
rgb(192, 179, 141)
RGBA
rgba(192, 179, 141, 1)
HSL
hsl(45, 29%, 65%)
HSV
hsv(45, 27%, 75%)
LAB
lab(73.14% -1.36 21.12)
LCH
lch(73.14% 21.16 93.68)
OKLAB
oklab(0.768 -0.0013 0.0536)
OKLCH
oklch(0.768 0.0536 91.39)
XYZ
xyz(42.67, 45.37, 31.70)
CMYK
cmyk(0%, 7%, 27%, 25%)
CSS
color: #c0b38d;
CSS variable
--color-c0b38d: #c0b38d;
SCSS
$color-c0b38d: #c0b38d;
Tailwind
orange-300
Export
:root {
--#c0b38d-1: #c0b38d;
}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.