Preview
#cfc67d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 12.03:1
HEX
#cfc67d
RGB
rgb(207, 198, 125)
RGBA
rgba(207, 198, 125, 1)
HSL
hsl(53, 46%, 65%)
HSV
hsv(53, 40%, 81%)
LAB
lab(79.12% -7.37 37.69)
LCH
lch(79.12% 38.4 101.06)
OKLAB
oklab(0.8174 -0.0198 0.0921)
OKLCH
oklch(0.8174 0.0942 102.13)
XYZ
xyz(49.63, 55.14, 27.43)
CMYK
cmyk(0%, 4%, 40%, 19%)
CSS
color: #cfc67d;
CSS variable
--color-cfc67d: #cfc67d;
SCSS
$color-cfc67d: #cfc67d;
Tailwind
orange-300
Export
:root {
--#cfc67d-1: #cfc67d;
}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.