Preview
#e2cc1b
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.63:1 · vs black: 12.89:1
HEX
#e2cc1b
RGB
rgb(226, 204, 27)
RGBA
rgba(226, 204, 27, 1)
HSL
hsl(53, 79%, 50%)
HSV
hsv(53, 88%, 89%)
LAB
lab(81.53% -8.44 78.8)
LCH
lch(81.53% 79.25 96.11)
OKLAB
oklab(0.8379 -0.0332 0.1672)
OKLCH
oklch(0.8379 0.1705 101.23)
XYZ
xyz(53.16, 59.44, 9.71)
CMYK
cmyk(0%, 10%, 88%, 11%)
CSS
color: #e2cc1b;
CSS variable
--color-e2cc1b: #e2cc1b;
SCSS
$color-e2cc1b: #e2cc1b;
Tailwind
orange-500
Export
:root {
--#e2cc1b-1: #e2cc1b;
}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.