Preview
#f6e66a
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.45:1
HEX
#f6e66a
RGB
rgb(246, 230, 106)
RGBA
rgba(246, 230, 106, 1)
HSL
hsl(53, 89%, 69%)
HSV
hsv(53, 57%, 96%)
LAB
lab(90.43% -9.57 61.17)
LCH
lch(90.43% 61.91 98.89)
OKLAB
oklab(0.9142 -0.0302 0.1418)
OKLCH
oklch(0.9142 0.145 102.02)
XYZ
xyz(68.91, 77.23, 24.91)
CMYK
cmyk(0%, 7%, 57%, 4%)
CSS
color: #f6e66a;
CSS variable
--color-f6e66a: #f6e66a;
SCSS
$color-f6e66a: #f6e66a;
Tailwind
orange-300
Export
:root {
--spectrum-#f6e66a-1: #f6e66a;
}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.