Preview
#c3bcae
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.12:1
HEX
#c3bcae
RGB
rgb(195, 188, 174)
RGBA
rgba(195, 188, 174, 1)
HSL
hsl(40, 15%, 72%)
HSV
hsv(40, 11%, 76%)
LAB
lab(76.45% 0.03 7.96)
LCH
lch(76.45% 7.96 89.78)
OKLAB
oklab(0.797 0.002 0.0208)
OKLCH
oklch(0.797 0.0209 84.51)
XYZ
xyz(48.13, 50.63, 47.27)
CMYK
cmyk(0%, 4%, 11%, 24%)
CSS
color: #c3bcae;
CSS variable
--color-c3bcae: #c3bcae;
SCSS
$color-c3bcae: #c3bcae;
Tailwind
orange-200
Export
:root {
--#c3bcae-1: #c3bcae;
}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.