Colore con nome · #CECAC1
Swirling Smoke
Swirling Smoke è #CECAC1: rgb(206 202 193), hsl(42 12% 78%), oklch(0.84 0.013 86.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Swirling Smoke color name →
#CECAC1
oklch(0.84 0.013 86.8)
Conversioni di colore
- HEX
- #cecac1
- RGB
- rgb(206 202 193)
- HSL
- hsl(42 12% 78%)
- HWB
- hwb(42 76% 19%)
- OKLCH
- oklch(0.84 0.013 86.8)
- OKLab
- oklab(0.84 0.001 0.013)
- CIE Lab
- lab(81.46 0.25 5.02)
- LCH
- lch(81.46 5.03 87.1)
- CMYK
- cmyk(0% 2% 6% 19%)
Tinte · Ombre · Toni
Tinte
- D3CFC7
- D8D4CD
- DCDAD3
- E1DFD9
- E6E4E0
- EBEAE6
- F0EFEC
- F5F4F2
- FAFAF9
Ombre
- B3AFA7
- 98958F
- 7F7C77
- 66645F
- 4E4D49
- 383734
- 232220
- 0F0F0E
- 020202
Toni
- C6C2BA
- BEBBB4
- B6B3AD
- AEACA6
- A6A4A0
- 9E9D99
- 979693
- 8F8E8D
- 878786
Armonie di colore
Complementare +180°
- CECAC1
Swirling Smoke
- C6CAD3
≈ Light Spirit
Analogo -30° +30°
- CECAC1
Swirling Smoke
- D1C8C2
≈ Pearl Ash
- CACCC2
≈ Chilean Sea Bass
Triadico +120° +240°
- CECAC1
Swirling Smoke
- C1CDCF
≈ Tudor Ice
- CFC8CF
≈ Chrome Chalice
Complementare divisa +150° +210°
- CECAC1
Swirling Smoke
- C3CCD2
≈ New North
- CBC9D2
≈ Chrome Chalice
Tetradico +90° +180° +270°
- CECAC1
Swirling Smoke
- C2CDCA
≈ Scottish Heath
- C6CAD3
≈ Light Spirit
- D2C7CA
≈ Victorian Cottage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.84:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--swirling-smoke: #cecac1;
--swirling-smoke-rgb: 206 202 193;
--swirling-smoke-oklch: oklch(0.84 0.013 86.8);
}
.element {
color: var(--swirling-smoke);
background-color: hsl(42 12% 78%);
border-color: oklch(0.84 0.013 86.8);
}Tailwind CSS v4
@theme {
--color-swirling-smoke: #cecac1;
--color-swirling-smoke-50: #f6f5f1;
--color-swirling-smoke-100: #e9e8e3;
--color-swirling-smoke-200: #d6d4ce;
--color-swirling-smoke-300: #bab7b0;
--color-swirling-smoke-400: #a29e96;
--color-swirling-smoke-500: #8a867d;
--color-swirling-smoke-600: #757169;
--color-swirling-smoke-700: #5d5b54;
--color-swirling-smoke-800: #44423d;
--color-swirling-smoke-900: #2f2e2a;
--color-swirling-smoke-950: #1c1a18;
}SCSS
$swirling-smoke: #cecac1;
$swirling-smoke-rgb: 206, 202, 193;
$swirling-smoke-light: mix(#fff, $swirling-smoke, 20%);
$swirling-smoke-dark: mix(#000, $swirling-smoke, 20%);
.element {
color: $swirling-smoke;
box-shadow: 0 0 0 2px rgba($swirling-smoke, 0.35);
}