Preview
#ccd195
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.6:1 · vs black: 13.12:1
HEX
#ccd195
RGB
rgb(204, 209, 149)
RGBA
rgba(204, 209, 149, 1)
HSL
hsl(65, 39%, 70%)
HSV
hsv(65, 29%, 82%)
LAB
lab(82.17% -11.27 29.28)
LCH
lch(82.17% 31.37 111.05)
OKLAB
oklab(0.8423 -0.0296 0.0733)
OKLCH
oklch(0.8423 0.0791 111.99)
XYZ
xyz(53.13, 60.61, 37.33)
CMYK
cmyk(2%, 0%, 29%, 18%)
CSS
color: #ccd195;
CSS variable
--color-ccd195: #ccd195;
SCSS
$color-ccd195: #ccd195;
Tailwind
amber-300
Export
:root {
--#ccd195-1: #ccd195;
}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.