Preview
#d5ca62
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.45:1
HEX
#d5ca62
RGB
rgb(213, 202, 98)
RGBA
rgba(213, 202, 98, 1)
HSL
hsl(54, 58%, 61%)
HSV
hsv(54, 54%, 84%)
LAB
lab(80.33% -9.54 52.53)
LCH
lch(80.33% 53.39 100.29)
OKLAB
oklab(0.8272 -0.029 0.1229)
OKLCH
oklch(0.8272 0.1263 103.28)
XYZ
xyz(50.77, 57.27, 19.93)
CMYK
cmyk(0%, 5%, 54%, 16%)
CSS
color: #d5ca62;
CSS variable
--color-d5ca62: #d5ca62;
SCSS
$color-d5ca62: #d5ca62;
Tailwind
orange-300
Export
:root {
--#d5ca62-1: #d5ca62;
}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.