Preview
#ddcd22
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.83:1
HEX
#ddcd22
RGB
rgb(221, 205, 34)
RGBA
rgba(221, 205, 34, 1)
HSL
hsl(55, 73%, 50%)
HSV
hsv(55, 85%, 87%)
LAB
lab(81.38% -10.94 77.07)
LCH
lch(81.38% 77.84 98.08)
OKLAB
oklab(0.8357 -0.0396 0.1647)
OKLCH
oklch(0.8357 0.1694 103.52)
XYZ
xyz(51.94, 59.15, 10.19)
CMYK
cmyk(0%, 7%, 85%, 13%)
CSS
color: #ddcd22;
CSS variable
--color-ddcd22: #ddcd22;
SCSS
$color-ddcd22: #ddcd22;
Tailwind
orange-500
Export
:root {
--#ddcd22-1: #ddcd22;
}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.