Preview
#c4bcb0
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.17:1
HEX
#c4bcb0
RGB
rgb(196, 188, 176)
RGBA
rgba(196, 188, 176, 1)
HSL
hsl(36, 14%, 73%)
HSV
hsv(36, 10%, 77%)
LAB
lab(76.58% 0.73 7.07)
LCH
lch(76.58% 7.11 84.1)
OKLAB
oklab(0.7984 0.0039 0.0185)
OKLCH
oklch(0.7984 0.0189 78.1)
XYZ
xyz(48.58, 50.84, 48.32)
CMYK
cmyk(0%, 4%, 10%, 23%)
CSS
color: #c4bcb0;
CSS variable
--color-c4bcb0: #c4bcb0;
SCSS
$color-c4bcb0: #c4bcb0;
Tailwind
red-200
Export
:root {
--#c4bcb0-1: #c4bcb0;
}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.