Preview
#ffe455
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.48:1
HEX
#ffe455
RGB
rgb(255, 228, 85)
RGBA
rgba(255, 228, 85, 1)
HSL
hsl(50, 100%, 67%)
HSV
hsv(50, 67%, 100%)
LAB
lab(90.51% -6.21 70.3)
LCH
lch(90.51% 70.57 95.05)
OKLAB
oklab(0.9161 -0.0234 0.158)
OKLCH
oklch(0.9161 0.1597 98.42)
XYZ
xyz(70.63, 77.41, 19.81)
CMYK
cmyk(0%, 11%, 67%, 0%)
CSS
color: #ffe455;
CSS variable
--color-ffe455: #ffe455;
SCSS
$color-ffe455: #ffe455;
Tailwind
orange-300
Export
:root {
--#ffe455-1: #ffe455;
}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.