Preview
#c4a67e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.31:1 · vs black: 9.1:1
HEX
#c4a67e
RGB
rgb(196, 166, 126)
RGBA
rgba(196, 166, 126, 1)
HSL
hsl(34, 37%, 63%)
HSV
hsv(34, 36%, 77%)
LAB
lab(69.84% 5.24 24.81)
LCH
lch(69.84% 25.36 78.07)
OKLAB
oklab(0.742 0.0172 0.0622)
OKLCH
oklch(0.742 0.0645 74.54)
XYZ
xyz(40.17, 40.52, 25.44)
CMYK
cmyk(0%, 15%, 36%, 23%)
CSS
color: #c4a67e;
CSS variable
--color-c4a67e: #c4a67e;
SCSS
$color-c4a67e: #c4a67e;
Tailwind
red-300
Export
:root {
--#c4a67e-1: #c4a67e;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.