Preview
#fde18f
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.34:1
HEX
#fde18f
RGB
rgb(253, 225, 143)
RGBA
rgba(253, 225, 143, 1)
HSL
hsl(45, 96%, 78%)
HSV
hsv(45, 43%, 99%)
LAB
lab(90.19% -1.1 43.55)
LCH
lch(90.19% 43.56 91.45)
OKLAB
oklab(0.9151 -0.0023 0.1059)
OKLCH
oklch(0.9151 0.1059 91.24)
XYZ
xyz(72.39, 76.72, 36.98)
CMYK
cmyk(0%, 11%, 43%, 1%)
CSS
color: #fde18f;
CSS variable
--color-fde18f: #fde18f;
SCSS
$color-fde18f: #fde18f;
Tailwind
orange-200
Export
:root {
--#fde18f-1: #fde18f;
}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.