Preview
#ffe48a
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.72:1
HEX
#ffe48a
RGB
rgb(255, 228, 138)
RGBA
rgba(255, 228, 138, 1)
HSL
hsl(46, 100%, 77%)
HSV
hsv(46, 46%, 100%)
LAB
lab(91.05% -2.32 47.13)
LCH
lch(91.05% 47.19 92.82)
OKLAB
oklab(0.9221 -0.0064 0.1137)
OKLCH
oklch(0.9221 0.1139 93.22)
XYZ
xyz(73.57, 78.58, 35.33)
CMYK
cmyk(0%, 11%, 46%, 0%)
CSS
color: #ffe48a;
CSS variable
--color-ffe48a: #ffe48a;
SCSS
$color-ffe48a: #ffe48a;
Tailwind
orange-200
Export
:root {
--#ffe48a-1: #ffe48a;
}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.