Preview
#c5bdae
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.26:1
HEX
#c5bdae
RGB
rgb(197, 189, 174)
RGBA
rgba(197, 189, 174, 1)
HSL
hsl(39, 17%, 73%)
HSV
hsv(39, 12%, 77%)
LAB
lab(76.87% 0.23 8.58)
LCH
lch(76.87% 8.58 88.46)
OKLAB
oklab(0.8008 0.0027 0.0224)
OKLCH
oklch(0.8008 0.0226 83.13)
XYZ
xyz(48.86, 51.32, 47.37)
CMYK
cmyk(0%, 4%, 12%, 23%)
CSS
color: #c5bdae;
CSS variable
--color-c5bdae: #c5bdae;
SCSS
$color-c5bdae: #c5bdae;
Tailwind
red-200
Export
:root {
--#c5bdae-1: #c5bdae;
}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.