Colore con nome · #E2E0DC
Ghosted
Ghosted è #E2E0DC: rgb(226 224 220), hsl(40 9% 87%), oklch(0.907 0.006 84.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ghosted color name →
#E2E0DC
oklch(0.907 0.006 84.6)
Conversioni di colore
- HEX
- #e2e0dc
- RGB
- rgb(226 224 220)
- HSL
- hsl(40 9% 87%)
- HWB
- hwb(40 86% 11%)
- OKLCH
- oklch(0.907 0.006 84.6)
- OKLab
- oklab(0.907 0.001 0.006)
- CIE Lab
- lab(89.25 0.18 2.22)
- LCH
- lch(89.25 2.22 85.5)
- CMYK
- cmyk(0% 1% 3% 11%)
Tinte · Ombre · Toni
Tinte
- E5E3DF
- E8E6E3
- EBE9E6
- EEECEA
- F0EFED
- F3F3F1
- F6F6F4
- F9F9F8
- FCFCFB
Ombre
- C4C3BF
- A8A6A3
- 8C8A88
- 71706E
- 575654
- 3E3E3C
- 272726
- 121211
- 030202
Toni
- D8D6D2
- CECCC9
- C4C2BF
- BAB8B6
- B0AFAD
- A6A5A4
- 9C9C9B
- 939292
- 898989
Armonie di colore
Complementare +180°
- E2E0DC
Ghosted
- DEE0E4
≈ Wind Chime
Analogo -30° +30°
- E2E0DC
Ghosted
- E4DFDD
≈ Cumberland Sausage
- E0E1DC
≈ Tundra Frost
Triadico +120° +240°
- E2E0DC
Ghosted
- DCE1E2
≈ Beach Wind
- E2DFE2
≈ Soft Silk
Complementare divisa +150° +210°
- E2E0DC
Ghosted
- DDE1E4
≈ Cosmic Dust
- E0E0E4
≈ Soft Silk
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.92:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--ghosted: #e2e0dc;
--ghosted-rgb: 226 224 220;
--ghosted-oklch: oklch(0.907 0.006 84.6);
}
.element {
color: var(--ghosted);
background-color: hsl(40 9% 87%);
border-color: oklch(0.907 0.006 84.6);
}Tailwind CSS v4
@theme {
--color-ghosted: #e2e0dc;
--color-ghosted-50: #f6f5f3;
--color-ghosted-100: #e9e8e6;
--color-ghosted-200: #d5d4d1;
--color-ghosted-300: #b9b7b4;
--color-ghosted-400: #a09e9b;
--color-ghosted-500: #888682;
--color-ghosted-600: #73716e;
--color-ghosted-700: #5c5b58;
--color-ghosted-800: #434240;
--color-ghosted-900: #2e2e2c;
--color-ghosted-950: #1b1a19;
}SCSS
$ghosted: #e2e0dc;
$ghosted-rgb: 226, 224, 220;
$ghosted-light: mix(#fff, $ghosted, 20%);
$ghosted-dark: mix(#000, $ghosted, 20%);
.element {
color: $ghosted;
box-shadow: 0 0 0 2px rgba($ghosted, 0.35);
}