Preview
#ceac7e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.14:1 · vs black: 9.83:1
HEX
#ceac7e
RGB
rgb(206, 172, 126)
RGBA
rgba(206, 172, 126, 1)
HSL
hsl(35, 45%, 65%)
HSV
hsv(35, 39%, 81%)
LAB
lab(72.32% 6.03 28.29)
LCH
lch(72.32% 28.93 77.97)
OKLAB
oklab(0.7636 0.0192 0.0704)
OKLCH
oklch(0.7636 0.073 74.74)
XYZ
xyz(43.97, 44.14, 25.94)
CMYK
cmyk(0%, 17%, 39%, 19%)
CSS
color: #ceac7e;
CSS variable
--color-ceac7e: #ceac7e;
SCSS
$color-ceac7e: #ceac7e;
Tailwind
red-300
Export
:root {
--#ceac7e-1: #ceac7e;
}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.