Preview
#c1b49c
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.04:1 · vs black: 10.28:1
HEX
#c1b49c
RGB
rgb(193, 180, 156)
RGBA
rgba(193, 180, 156, 1)
HSL
hsl(39, 23%, 68%)
HSV
hsv(39, 19%, 76%)
LAB
lab(73.79% 0.67 13.92)
LCH
lch(73.79% 13.94 87.24)
OKLAB
oklab(0.7744 0.0045 0.0359)
OKLCH
oklch(0.7744 0.0362 82.86)
XYZ
xyz(44.31, 46.38, 38.06)
CMYK
cmyk(0%, 7%, 19%, 24%)
CSS
color: #c1b49c;
CSS variable
--color-c1b49c: #c1b49c;
SCSS
$color-c1b49c: #c1b49c;
Tailwind
red-300
Export
:root {
--#c1b49c-1: #c1b49c;
}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.