Preview
#cdcdc4
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.6:1 · vs black: 13.13:1
HEX
#cdcdc4
RGB
rgb(205, 205, 196)
RGBA
rgba(205, 205, 196, 1)
HSL
hsl(60, 8%, 79%)
HSV
hsv(60, 4%, 80%)
LAB
lab(82.18% -1.61 4.47)
LCH
lch(82.18% 4.75 109.81)
OKLAB
oklab(0.8458 -0.0035 0.0118)
OKLCH
oklch(0.8458 0.0123 106.52)
XYZ
xyz(56.97, 60.63, 60.91)
CMYK
cmyk(0%, 0%, 4%, 20%)
CSS
color: #cdcdc4;
CSS variable
--color-cdcdc4: #cdcdc4;
SCSS
$color-cdcdc4: #cdcdc4;
Tailwind
amber-200
Export
:root {
--#cdcdc4-1: #cdcdc4;
}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.