Colore con nome · #E2E0D3
Italian Ice
Italian Ice è #E2E0D3: rgb(226 224 211), hsl(52 21% 86%), oklch(0.905 0.018 99.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Italian Ice color name →
#E2E0D3
oklch(0.905 0.018 99.6)
Conversioni di colore
- HEX
- #e2e0d3
- RGB
- rgb(226 224 211)
- HSL
- hsl(52 21% 86%)
- HWB
- hwb(52 83% 11%)
- OKLCH
- oklch(0.905 0.018 99.6)
- OKLab
- oklab(0.905 -0.003 0.017)
- CIE Lab
- lab(89.07 -0.97 6.64)
- LCH
- lch(89.07 6.71 98.3)
- CMYK
- cmyk(0% 1% 7% 11%)
Tinte · Ombre · Toni
Tinte
- E5E3D7
- E8E6DC
- EBE9E0
- EEECE4
- F0EFE9
- F3F3ED
- F6F6F2
- F9F9F6
- FCFCFB
Ombre
- C4C3B7
- A8A69C
- 8C8A82
- 717069
- 575651
- 3E3E3A
- 272724
- 121210
- 030202
Toni
- D8D6CA
- CECCC2
- C4C2B9
- BAB8B1
- B0AFA9
- A6A5A0
- 9C9C98
- 939290
- 898988
Armonie di colore
Complementare +180°
- E2E0D3
Italian Ice
- DDDFEB
≈ Timid Purple
Analogo -30° +30°
- E2E0D3
Italian Ice
- E7DED3
≈ Reliable White
- DCE2D6
≈ Salty Breeze
Triadico +120° +240°
- E2E0D3
Italian Ice
- D3E3E8
≈ Aloof
- E8DBE3
≈ Twinkled Pink
Complementare divisa +150° +210°
- E2E0D3
Italian Ice
- D7E1EB
≈ Beyond the Wall
- E3DDE9
≈ Pale Muse
Tetradico +90° +180° +270°
- E2E0D3
Italian Ice
- D3E4E2
≈ Meadowsweet Mist
- DDDFEB
≈ Timid Purple
- EBDBDD
≈ Discrete Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.83:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.83:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--italian-ice: #e2e0d3;
--italian-ice-rgb: 226 224 211;
--italian-ice-oklch: oklch(0.905 0.018 99.6);
}
.element {
color: var(--italian-ice);
background-color: hsl(52 21% 86%);
border-color: oklch(0.905 0.018 99.6);
}Tailwind CSS v4
@theme {
--color-italian-ice: #e2e0d3;
--color-italian-ice-50: #f6f5f0;
--color-italian-ice-100: #e9e8e2;
--color-italian-ice-200: #d5d5cc;
--color-italian-ice-300: #b9b8ae;
--color-italian-ice-400: #a19f93;
--color-italian-ice-500: #89877a;
--color-italian-ice-600: #747267;
--color-italian-ice-700: #5c5b52;
--color-italian-ice-800: #44423c;
--color-italian-ice-900: #2f2e29;
--color-italian-ice-950: #1b1b17;
}SCSS
$italian-ice: #e2e0d3;
$italian-ice-rgb: 226, 224, 211;
$italian-ice-light: mix(#fff, $italian-ice, 20%);
$italian-ice-dark: mix(#000, $italian-ice, 20%);
.element {
color: $italian-ice;
box-shadow: 0 0 0 2px rgba($italian-ice, 0.35);
}