Preview
#e0cb1c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.73:1
HEX
#e0cb1c
RGB
rgb(224, 203, 28)
RGBA
rgba(224, 203, 28, 1)
HSL
hsl(54, 78%, 49%)
HSV
hsv(54, 87%, 88%)
LAB
lab(81.1% -8.77 78.2)
LCH
lch(81.1% 78.69 96.4)
OKLAB
oklab(0.8341 -0.034 0.1661)
OKLCH
oklch(0.8341 0.1695 101.57)
XYZ
xyz(52.31, 58.65, 9.66)
CMYK
cmyk(0%, 9%, 87%, 12%)
CSS
color: #e0cb1c;
CSS variable
--color-e0cb1c: #e0cb1c;
SCSS
$color-e0cb1c: #e0cb1c;
Tailwind
orange-500
Export
:root {
--#e0cb1c-1: #e0cb1c;
}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.