Preview
#ccc0ae
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.79:1 · vs black: 11.72:1
HEX
#ccc0ae
RGB
rgb(204, 192, 174)
RGBA
rgba(204, 192, 174, 1)
HSL
hsl(36, 23%, 74%)
HSV
hsv(36, 15%, 80%)
LAB
lab(78.22% 1.2 10.59)
LCH
lch(78.22% 10.66 83.54)
OKLAB
oklab(0.8128 0.0058 0.0276)
OKLCH
oklch(0.8128 0.0282 78.13)
XYZ
xyz(51.39, 53.59, 47.67)
CMYK
cmyk(0%, 6%, 15%, 20%)
CSS
color: #ccc0ae;
CSS variable
--color-ccc0ae: #ccc0ae;
SCSS
$color-ccc0ae: #ccc0ae;
Tailwind
red-200
Export
:root {
--#ccc0ae-1: #ccc0ae;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.