Preview
#cdc07a
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.84:1 · vs black: 11.42:1
HEX
#cdc07a
RGB
rgb(205, 192, 122)
RGBA
rgba(205, 192, 122, 1)
HSL
hsl(51, 45%, 64%)
HSV
hsv(51, 40%, 80%)
LAB
lab(77.33% -5.39 36.9)
LCH
lch(77.33% 37.29 98.31)
OKLAB
oklab(0.8027 -0.0143 0.0902)
OKLCH
oklch(0.8027 0.0913 99.01)
XYZ
xyz(47.54, 52.08, 25.96)
CMYK
cmyk(0%, 6%, 40%, 20%)
CSS
color: #cdc07a;
CSS variable
--color-cdc07a: #cdc07a;
SCSS
$color-cdc07a: #cdc07a;
Tailwind
orange-300
Export
:root {
--#cdc07a-1: #cdc07a;
}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.