Preview
#ccb161
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.03:1
HEX
#ccb161
RGB
rgb(204, 177, 97)
RGBA
rgba(204, 177, 97, 1)
HSL
hsl(45, 51%, 59%)
HSV
hsv(45, 52%, 80%)
LAB
lab(72.99% -0.38 44.14)
LCH
lch(72.99% 44.14 90.49)
OKLAB
oklab(0.7671 -0.0021 0.1047)
OKLCH
oklch(0.7671 0.1047 91.15)
XYZ
xyz(42.78, 45.15, 17.77)
CMYK
cmyk(0%, 13%, 52%, 20%)
CSS
color: #ccb161;
CSS variable
--color-ccb161: #ccb161;
SCSS
$color-ccb161: #ccb161;
Tailwind
orange-400
Export
:root {
--#ccb161-1: #ccb161;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.