Preview
#ffcf3e
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.25:1
HEX
#ffcf3e
RGB
rgb(255, 207, 62)
RGBA
rgba(255, 207, 62, 1)
HSL
hsl(45, 100%, 62%)
HSV
hsv(45, 76%, 100%)
LAB
lab(85.12% 3.36 73.52)
LCH
lch(85.12% 73.6 87.38)
OKLAB
oklab(0.873 0.0015 0.1608)
OKLCH
oklch(0.873 0.1608 89.47)
XYZ
xyz(64.43, 66.24, 13.95)
CMYK
cmyk(0%, 19%, 76%, 0%)
CSS
color: #ffcf3e;
CSS variable
--color-ffcf3e: #ffcf3e;
SCSS
$color-ffcf3e: #ffcf3e;
Tailwind
orange-300
Export
:root {
--#ffcf3e-1: #ffcf3e;
}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.