Preview
#edcf26
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.55:1
HEX
#edcf26
RGB
rgb(237, 207, 38)
RGBA
rgba(237, 207, 38, 1)
HSL
hsl(51, 85%, 54%)
HSV
hsv(51, 84%, 93%)
LAB
lab(83.32% -5.02 78.33)
LCH
lch(83.32% 78.49 93.67)
OKLAB
oklab(0.8546 -0.0234 0.1674)
OKLCH
oklch(0.8546 0.169 97.96)
XYZ
xyz(57.59, 62.77, 10.92)
CMYK
cmyk(0%, 13%, 84%, 7%)
CSS
color: #edcf26;
CSS variable
--color-edcf26: #edcf26;
SCSS
$color-edcf26: #edcf26;
Tailwind
orange-400
Export
:root {
--spectrum-#edcf26-1: #edcf26;
}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.