Preview
#c1b18a
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.12:1 · vs black: 9.92:1
HEX
#c1b18a
RGB
rgb(193, 177, 138)
RGBA
rgba(193, 177, 138, 1)
HSL
hsl(43, 31%, 65%)
HSV
hsv(43, 28%, 76%)
LAB
lab(72.64% -0.32 22.08)
LCH
lch(72.64% 22.08 90.83)
OKLAB
oklab(0.7641 0.0016 0.0559)
OKLCH
oklch(0.7641 0.0559 88.36)
XYZ
xyz(42.30, 44.62, 30.42)
CMYK
cmyk(0%, 8%, 28%, 24%)
CSS
color: #c1b18a;
CSS variable
--color-c1b18a: #c1b18a;
SCSS
$color-c1b18a: #c1b18a;
Tailwind
orange-300
Export
:root {
--#c1b18a-1: #c1b18a;
}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.