Preview
#dede78
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.83:1
HEX
#dede78
RGB
rgb(222, 222, 120)
RGBA
rgba(222, 222, 120, 1)
HSL
hsl(60, 61%, 67%)
HSV
hsv(60, 46%, 87%)
LAB
lab(86.57% -14.05 49.71)
LCH
lch(86.57% 51.66 105.78)
OKLAB
oklab(0.8793 -0.0402 0.1186)
OKLCH
oklch(0.8793 0.1252 108.72)
XYZ
xyz(59.64, 69.13, 27.97)
CMYK
cmyk(0%, 0%, 46%, 13%)
CSS
color: #dede78;
CSS variable
--color-dede78: #dede78;
SCSS
$color-dede78: #dede78;
Tailwind
amber-300
Export
:root {
--#dede78-1: #dede78;
}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.