Preview
#c4baab
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.96:1
HEX
#c4baab
RGB
rgb(196, 186, 171)
RGBA
rgba(196, 186, 171, 1)
HSL
hsl(36, 17%, 72%)
HSV
hsv(36, 13%, 77%)
LAB
lab(75.94% 0.96 8.87)
LCH
lch(75.94% 8.92 83.82)
OKLAB
oklab(0.793 0.0048 0.0232)
OKLCH
oklch(0.793 0.0237 78.31)
XYZ
xyz(47.67, 49.79, 45.62)
CMYK
cmyk(0%, 5%, 13%, 23%)
CSS
color: #c4baab;
CSS variable
--color-c4baab: #c4baab;
SCSS
$color-c4baab: #c4baab;
Tailwind
red-200
Export
:root {
--#c4baab-1: #c4baab;
}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.