Preview
#efe481
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 16.08:1
HEX
#efe481
RGB
rgb(239, 228, 129)
RGBA
rgba(239, 228, 129, 1)
HSL
hsl(54, 77%, 72%)
HSV
hsv(54, 46%, 94%)
LAB
lab(89.59% -9.47 49.39)
LCH
lch(89.59% 50.29 100.85)
OKLAB
oklab(0.907 -0.0271 0.1183)
OKLCH
oklch(0.907 0.1214 102.9)
XYZ
xyz(67.30, 75.42, 31.78)
CMYK
cmyk(0%, 5%, 46%, 6%)
CSS
color: #efe481;
CSS variable
--color-efe481: #efe481;
SCSS
$color-efe481: #efe481;
Tailwind
orange-200
Export
:root {
--#efe481-1: #efe481;
}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.