Preview
#deda54
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.26:1
HEX
#deda54
RGB
rgb(222, 218, 84)
RGBA
rgba(222, 218, 84, 1)
HSL
hsl(58, 68%, 60%)
HSV
hsv(58, 62%, 87%)
LAB
lab(85.16% -14.87 64.25)
LCH
lch(85.16% 65.95 103.03)
OKLAB
oklab(0.8669 -0.0462 0.146)
OKLCH
oklch(0.8669 0.1531 107.56)
XYZ
xyz(56.80, 66.31, 18.19)
CMYK
cmyk(0%, 2%, 62%, 13%)
CSS
color: #deda54;
CSS variable
--color-deda54: #deda54;
SCSS
$color-deda54: #deda54;
Tailwind
orange-400
Export
:root {
--#deda54-1: #deda54;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.