Colore con nome · #E2DEC8
Light Pistachio Tang
Light Pistachio Tang è #E2DEC8: rgb(226 222 200), hsl(51 31% 84%), oklch(0.898 0.03 98.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Pistachio Tang color name →
#E2DEC8
oklch(0.898 0.03 98.5)
Conversioni di colore
- HEX
- #e2dec8
- RGB
- rgb(226 222 200)
- HSL
- hsl(51 31% 84%)
- HWB
- hwb(51 78% 11%)
- OKLCH
- oklch(0.898 0.03 98.5)
- OKLab
- oklab(0.898 -0.004 0.029)
- CIE Lab
- lab(88.35 -1.34 11.35)
- LCH
- lch(88.35 11.43 96.8)
- CMYK
- cmyk(0% 2% 12% 11%)
Tinte · Ombre · Toni
Tinte
- E5E1CD
- E8E5D3
- EBE8D8
- EEEBDE
- F0EEE3
- F3F2E9
- F6F5EE
- F9F8F4
- FCFCF9
Ombre
- C4C1AE
- A8A594
- 8C897B
- 716F63
- 57554C
- 3E3D36
- 272621
- 12120F
- 030202
Toni
- D8D4C1
- CECAB9
- C4C1B2
- BAB7AB
- B0AEA3
- A6A49C
- 9C9B95
- 93928E
- 898987
Armonie di colore
Complementare +180°
- E2DEC8
Light Pistachio Tang
- D8DCF1
≈ Chinese Silver
Analogo -30° +30°
- E2DEC8
Light Pistachio Tang
- EBDAC9
≈ Sandpiper
- D7E1CD
≈ Gratifying Green
Triadico +120° +240°
- E2DEC8
Light Pistachio Tang
- C9E3EB
≈ Azul Cielito Lindo
- EBD6E4
≈ All Made Up
Complementare divisa +150° +210°
- E2DEC8
Light Pistachio Tang
- CFE0F1
≈ Light Breeze
- E3D8ED
≈ Old Chalk
Tetradico +90° +180° +270°
- E2DEC8
Light Pistachio Tang
- C8E4E1
≈ Swan Lake
- D8DCF1
≈ Chinese Silver
- F0D6D9
≈ Pale Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.51:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--light-pistachio-tang: #e2dec8;
--light-pistachio-tang-rgb: 226 222 200;
--light-pistachio-tang-oklch: oklch(0.898 0.03 98.5);
}
.element {
color: var(--light-pistachio-tang);
background-color: hsl(51 31% 84%);
border-color: oklch(0.898 0.03 98.5);
}Tailwind CSS v4
@theme {
--color-light-pistachio-tang: #e2dec8;
--color-light-pistachio-tang-50: #f7f5ec;
--color-light-pistachio-tang-100: #eae8dd;
--color-light-pistachio-tang-200: #d7d5c7;
--color-light-pistachio-tang-300: #bab8a7;
--color-light-pistachio-tang-400: #a39f8b;
--color-light-pistachio-tang-500: #8b8770;
--color-light-pistachio-tang-600: #76725f;
--color-light-pistachio-tang-700: #5e5b4c;
--color-light-pistachio-tang-800: #454337;
--color-light-pistachio-tang-900: #302e26;
--color-light-pistachio-tang-950: #1c1b14;
}SCSS
$light-pistachio-tang: #e2dec8;
$light-pistachio-tang-rgb: 226, 222, 200;
$light-pistachio-tang-light: mix(#fff, $light-pistachio-tang, 20%);
$light-pistachio-tang-dark: mix(#000, $light-pistachio-tang, 20%);
.element {
color: $light-pistachio-tang;
box-shadow: 0 0 0 2px rgba($light-pistachio-tang, 0.35);
}