Colore con nome · #D2CFCC
Elusion
Elusion è #D2CFCC: rgb(210 207 204), hsl(30 6% 81%), oklch(0.856 0.005 67.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Elusion color name →
#D2CFCC
oklch(0.856 0.005 67.8)
Conversioni di colore
- HEX
- #d2cfcc
- RGB
- rgb(210 207 204)
- HSL
- hsl(30 6% 81%)
- HWB
- hwb(30 80% 18%)
- OKLCH
- oklch(0.856 0.005 67.8)
- OKLab
- oklab(0.856 0.002 0.005)
- CIE Lab
- lab(83.3 0.67 1.88)
- LCH
- lch(83.3 1.99 70.4)
- CMYK
- cmyk(0% 1% 3% 18%)
Tinte · Ombre · Toni
Tinte
- D6D4D1
- DBD8D6
- DFDDDB
- E4E2E0
- E8E7E5
- EDECEA
- F1F0EF
- F6F5F5
- FAFAFA
Ombre
- B6B4B1
- 9B9997
- 817F7E
- 686765
- 504F4E
- 393837
- 242322
- 10100F
- 020202
Toni
- C9C7C4
- C1BFBC
- B9B7B5
- B0AFAD
- A8A7A5
- A09F9E
- 989796
- 908F8F
- 888887
Armonie di colore
Complementare +180°
- D2CFCC
Elusion
- CDD0D3
≈ Fragile Blue
Analogo -30° +30°
- D2CFCC
Elusion
- D3CECD
≈ Dry Season
- D0D0CC
≈ Gazebo Grey
Triadico +120° +240°
- D2CFCC
Elusion
- CCD1D0
≈ Ghost Whisperer
- D0CFD2
≈ Cool Elegance
Complementare divisa +150° +210°
- D2CFCC
Elusion
- CCD0D2
≈ Harp Strings
- CFCFD3
≈ Cool Elegance
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.53:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--elusion: #d2cfcc;
--elusion-rgb: 210 207 204;
--elusion-oklch: oklch(0.856 0.005 67.8);
}
.element {
color: var(--elusion);
background-color: hsl(30 6% 81%);
border-color: oklch(0.856 0.005 67.8);
}Tailwind CSS v4
@theme {
--color-elusion: #d2cfcc;
--color-elusion-50: #f6f5f3;
--color-elusion-100: #e9e7e6;
--color-elusion-200: #d6d4d2;
--color-elusion-300: #b9b7b4;
--color-elusion-400: #a09e9b;
--color-elusion-500: #898582;
--color-elusion-600: #74716e;
--color-elusion-700: #5c5a58;
--color-elusion-800: #444240;
--color-elusion-900: #2f2d2c;
--color-elusion-950: #1b1a19;
}SCSS
$elusion: #d2cfcc;
$elusion-rgb: 210, 207, 204;
$elusion-light: mix(#fff, $elusion, 20%);
$elusion-dark: mix(#000, $elusion, 20%);
.element {
color: $elusion;
box-shadow: 0 0 0 2px rgba($elusion, 0.35);
}