Preview
#fffbe6
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.19:1
HEX
#fffbe6
RGB
rgb(255, 251, 230)
RGBA
rgba(255, 251, 230, 1)
HSL
hsl(50, 100%, 95%)
HSV
hsv(50, 10%, 100%)
LAB
lab(98.42% -2.17 10.54)
LCH
lch(98.42% 10.76 101.63)
OKLAB
oklab(0.9856 -0.0039 0.0275)
OKLCH
oklch(0.9856 0.0278 98.07)
XYZ
xyz(90.02, 95.97, 88.63)
CMYK
cmyk(0%, 2%, 10%, 0%)
CSS
color: #fffbe6;
CSS variable
--color-fffbe6: #fffbe6;
SCSS
$color-fffbe6: #fffbe6;
Tailwind
orange-50
Export
:root {
--#fffbe6-1: #fffbe6;
}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.