Preview
#dede59
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.7:1
HEX
#dede59
RGB
rgb(222, 222, 89)
RGBA
rgba(222, 222, 89, 1)
HSL
hsl(60, 67%, 61%)
HSV
hsv(60, 60%, 87%)
LAB
lab(86.25% -16.53 63.35)
LCH
lch(86.25% 65.47 104.62)
OKLAB
oklab(0.8758 -0.0504 0.1448)
OKLCH
oklch(0.8758 0.1533 109.19)
XYZ
xyz(58.05, 68.49, 19.61)
CMYK
cmyk(0%, 0%, 60%, 13%)
CSS
color: #dede59;
CSS variable
--color-dede59: #dede59;
SCSS
$color-dede59: #dede59;
Tailwind
amber-300
Export
:root {
--#dede59-1: #dede59;
}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.