Preview
#c0b39f
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.19:1
HEX
#c0b39f
RGB
rgb(192, 179, 159)
RGBA
rgba(192, 179, 159, 1)
HSL
hsl(36, 21%, 69%)
HSV
hsv(36, 17%, 75%)
LAB
lab(73.51% 1.3 11.89)
LCH
lch(73.51% 11.96 83.76)
OKLAB
oklab(0.7722 0.0061 0.0308)
OKLCH
oklch(0.7722 0.0314 78.8)
XYZ
xyz(44.12, 45.95, 39.34)
CMYK
cmyk(0%, 7%, 17%, 25%)
CSS
color: #c0b39f;
CSS variable
--color-c0b39f: #c0b39f;
SCSS
$color-c0b39f: #c0b39f;
Tailwind
red-300
Export
:root {
--#c0b39f-1: #c0b39f;
}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.