Preview
#bca27e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.44:1 · vs black: 8.61:1
HEX
#bca27e
RGB
rgb(188, 162, 126)
RGBA
rgba(188, 162, 126, 1)
HSL
hsl(35, 32%, 62%)
HSV
hsv(35, 33%, 74%)
LAB
lab(68.05% 4.19 22.27)
LCH
lch(68.05% 22.66 79.34)
OKLAB
oklab(0.7262 0.0144 0.0562)
OKLCH
oklch(0.7262 0.058 75.63)
XYZ
xyz(37.43, 38.04, 25.11)
CMYK
cmyk(0%, 14%, 33%, 26%)
CSS
color: #bca27e;
CSS variable
--color-bca27e: #bca27e;
SCSS
$color-bca27e: #bca27e;
Tailwind
red-300
Export
:root {
--#bca27e-1: #bca27e;
}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.