Preview
#c9b282
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.17:1
HEX
#c9b282
RGB
rgb(201, 178, 130)
RGBA
rgba(201, 178, 130, 1)
HSL
hsl(41, 40%, 65%)
HSV
hsv(41, 35%, 79%)
LAB
lab(73.46% 1.29 27.6)
LCH
lch(73.46% 27.63 87.32)
OKLAB
oklab(0.7718 0.0058 0.0689)
OKLCH
oklch(0.7718 0.0691 85.19)
XYZ
xyz(44.04, 45.87, 27.65)
CMYK
cmyk(0%, 11%, 35%, 21%)
CSS
color: #c9b282;
CSS variable
--color-c9b282: #c9b282;
SCSS
$color-c9b282: #c9b282;
Tailwind
orange-300
Export
:root {
--#c9b282-1: #c9b282;
}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.