Preview
#efd75d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.55:1
HEX
#efd75d
RGB
rgb(239, 215, 93)
RGBA
rgba(239, 215, 93, 1)
HSL
hsl(50, 82%, 65%)
HSV
hsv(50, 61%, 94%)
LAB
lab(85.88% -5.79 61.64)
LCH
lch(85.88% 61.91 95.37)
OKLAB
oklab(0.8763 -0.0204 0.1413)
OKLCH
oklch(0.8763 0.1428 98.22)
XYZ
xyz(61.88, 67.74, 20.17)
CMYK
cmyk(0%, 10%, 61%, 6%)
CSS
color: #efd75d;
CSS variable
--color-efd75d: #efd75d;
SCSS
$color-efd75d: #efd75d;
Tailwind
orange-300
Export
:root {
--#efd75d-1: #efd75d;
}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.