Preview
#c3b39c
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.25:1
HEX
#c3b39c
RGB
rgb(195, 179, 156)
RGBA
rgba(195, 179, 156, 1)
HSL
hsl(35, 25%, 69%)
HSV
hsv(35, 20%, 76%)
LAB
lab(73.7% 1.96 13.82)
LCH
lch(73.7% 13.96 81.93)
OKLAB
oklab(0.7741 0.0082 0.0357)
OKLCH
oklch(0.7741 0.0366 77.06)
XYZ
xyz(44.63, 46.24, 38.02)
CMYK
cmyk(0%, 8%, 20%, 24%)
CSS
color: #c3b39c;
CSS variable
--color-c3b39c: #c3b39c;
SCSS
$color-c3b39c: #c3b39c;
Tailwind
red-300
Export
:root {
--#c3b39c-1: #c3b39c;
}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.