Preview
#ddca22
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.55:1
HEX
#ddca22
RGB
rgb(221, 202, 34)
RGBA
rgba(221, 202, 34, 1)
HSL
hsl(54, 73%, 50%)
HSV
hsv(54, 85%, 87%)
LAB
lab(80.59% -9.42 76.42)
LCH
lch(80.59% 77 97.03)
OKLAB
oklab(0.8295 -0.0353 0.1633)
OKLCH
oklch(0.8295 0.1671 102.2)
XYZ
xyz(51.23, 57.73, 9.96)
CMYK
cmyk(0%, 9%, 85%, 13%)
CSS
color: #ddca22;
CSS variable
--color-ddca22: #ddca22;
SCSS
$color-ddca22: #ddca22;
Tailwind
orange-500
Export
:root {
--#ddca22-1: #ddca22;
}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.