Preview
#d3c22c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.52:1
HEX
#d3c22c
RGB
rgb(211, 194, 44)
RGBA
rgba(211, 194, 44, 1)
HSL
hsl(54, 65%, 50%)
HSV
hsv(54, 79%, 83%)
LAB
lab(77.65% -9.36 70.98)
LCH
lch(77.65% 71.59 97.51)
OKLAB
oklab(0.8041 -0.034 0.1538)
OKLCH
oklch(0.8041 0.1575 102.47)
XYZ
xyz(46.61, 52.62, 10.08)
CMYK
cmyk(0%, 8%, 79%, 17%)
CSS
color: #d3c22c;
CSS variable
--color-d3c22c: #d3c22c;
SCSS
$color-d3c22c: #d3c22c;
Tailwind
orange-500
Export
:root {
--#d3c22c-1: #d3c22c;
}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.