Preview
#cfccc7
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.6:1 · vs black: 13.11:1
HEX
#cfccc7
RGB
rgb(207, 204, 199)
RGBA
rgba(207, 204, 199, 1)
HSL
hsl(38, 8%, 80%)
HSV
hsv(38, 4%, 81%)
LAB
lab(82.15% 0.14 2.85)
LCH
lch(82.15% 2.85 87.19)
OKLAB
oklab(0.8462 0.0012 0.0075)
OKLCH
oklch(0.8462 0.0076 80.91)
XYZ
xyz(57.63, 60.57, 62.68)
CMYK
cmyk(0%, 1%, 4%, 19%)
CSS
color: #cfccc7;
CSS variable
--color-cfccc7: #cfccc7;
SCSS
$color-cfccc7: #cfccc7;
Tailwind
red-200
Export
:root {
--#cfccc7-1: #cfccc7;
}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.