Preview
#e0cf3e
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.6:1 · vs black: 13.16:1
HEX
#e0cf3e
RGB
rgb(224, 207, 62)
RGBA
rgba(224, 207, 62, 1)
HSL
hsl(54, 72%, 56%)
HSV
hsv(54, 72%, 88%)
LAB
lab(82.28% -9.71 69.83)
LCH
lch(82.28% 70.5 97.92)
OKLAB
oklab(0.844 -0.034 0.1542)
OKLCH
oklch(0.844 0.1579 102.43)
XYZ
xyz(53.93, 60.82, 13.46)
CMYK
cmyk(0%, 8%, 72%, 12%)
CSS
color: #e0cf3e;
CSS variable
--color-e0cf3e: #e0cf3e;
SCSS
$color-e0cf3e: #e0cf3e;
Tailwind
orange-400
Export
:root {
--#e0cf3e-1: #e0cf3e;
}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.