Colore con nome · #E2E3D7
Glacier Valley
Glacier Valley è #E2E3D7: rgb(226 227 215), hsl(65 18% 87%), oklch(0.912 0.016 110.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Glacier Valley color name →
#E2E3D7
oklch(0.912 0.016 110.6)
Conversioni di colore
- HEX
- #e2e3d7
- RGB
- rgb(226 227 215)
- HSL
- hsl(65 18% 87%)
- HWB
- hwb(65 84% 11%)
- OKLCH
- oklch(0.912 0.016 110.6)
- OKLab
- oklab(0.912 -0.006 0.015)
- CIE Lab
- lab(89.91 -1.91 5.76)
- LCH
- lch(89.91 6.07 108.4)
- CMYK
- cmyk(0% 0% 5% 11%)
Tinte · Ombre · Toni
Tinte
- E5E6DB
- E8E9DF
- EBEBE3
- EEEEE7
- F0F1EB
- F3F4EF
- F6F7F3
- F9F9F7
- FCFCFB
Ombre
- C4C5BB
- A8A89F
- 8C8C85
- 71716B
- 575752
- 3E3F3B
- 272725
- 121211
- 030302
Toni
- D8D9CE
- CECEC5
- C4C4BC
- BABAB3
- B0B0AA
- A6A6A2
- 9C9D99
- 939391
- 898988
Armonie di colore
Complementare +180°
- E2E3D7
Glacier Valley
- E1E0EC
≈ Homoeopathic Lilac
Analogo -30° +30°
- E2E3D7
Glacier Valley
- E7E1D6
≈ August Moon
- DCE5DB
≈ Watercolour White
Triadico +120° +240°
- E2E3D7
Glacier Valley
- D8E4EB
≈ Snow Shadow
- EBDEE3
≈ Weak Mauve
Complementare divisa +150° +210°
- E2E3D7
Glacier Valley
- DCE2ED
≈ Violet Extract
- E7DFE9
≈ Minified Magenta
Tetradico +90° +180° +270°
- E2E3D7
Glacier Valley
- D6E5E6
≈ Lauren’s Surprise
- E1E0EC
≈ Homoeopathic Lilac
- ECDEDD
≈ Echoes of Love
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.20:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--glacier-valley: #e2e3d7;
--glacier-valley-rgb: 226 227 215;
--glacier-valley-oklch: oklch(0.912 0.016 110.6);
}
.element {
color: var(--glacier-valley);
background-color: hsl(65 18% 87%);
border-color: oklch(0.912 0.016 110.6);
}Tailwind CSS v4
@theme {
--color-glacier-valley: #e2e3d7;
--color-glacier-valley-50: #f5f6f0;
--color-glacier-valley-100: #e8e8e2;
--color-glacier-valley-200: #d4d5cd;
--color-glacier-valley-300: #b7b8af;
--color-glacier-valley-400: #9f9f95;
--color-glacier-valley-500: #86877b;
--color-glacier-valley-600: #727268;
--color-glacier-valley-700: #5b5c53;
--color-glacier-valley-800: #43433d;
--color-glacier-valley-900: #2e2e2a;
--color-glacier-valley-950: #1b1b17;
}SCSS
$glacier-valley: #e2e3d7;
$glacier-valley-rgb: 226, 227, 215;
$glacier-valley-light: mix(#fff, $glacier-valley, 20%);
$glacier-valley-dark: mix(#000, $glacier-valley, 20%);
.element {
color: $glacier-valley;
box-shadow: 0 0 0 2px rgba($glacier-valley, 0.35);
}