Nazwany kolor · #E2EFE8
Mountain Crystal Silver
Mountain Crystal Silver to #E2EFE8: rgb(226 239 232), hsl(148 29% 91%), oklch(0.94 0.017 162.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mountain Crystal Silver color name →
#E2EFE8
oklch(0.94 0.017 162.7)
Konwersje koloru
- HEX
- #e2efe8
- RGB
- rgb(226 239 232)
- HSL
- hsl(148 29% 91%)
- HWB
- hwb(148 89% 6%)
- OKLCH
- oklch(0.94 0.017 162.7)
- OKLab
- oklab(0.94 -0.016 0.005)
- CIE Lab
- lab(93.32 -5.41 1.83)
- LCH
- lch(93.32 5.71 161.3)
- CMYK
- cmyk(5% 0% 3% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5F1EA
- E8F2ED
- EBF4EF
- EEF5F1
- F0F7F3
- F3F9F6
- F6FAF8
- F9FCFA
- FCFDFD
Odcienie ciemniejsze
- C4D0CA
- A8B1AC
- 8C9490
- 717874
- 575C59
- 3E4240
- 272A29
- 121413
- 030303
Tony
- D8E3DD
- CED8D2
- C4CCC8
- BAC1BD
- B0B6B3
- A6ABA8
- 9CA09E
- 939594
- 898B8A
Harmonie kolorów
Komplementarna +180°
- E2EFE8
Mountain Crystal Silver
- F4E7EE
≈ Amour Frais
Analogowa -30° +30°
- E2EFE8
Mountain Crystal Silver
- E7EEE3
≈ At Ease
- DFEFEE
≈ Free Spirit
Triada +120° +240°
- E2EFE8
Mountain Crystal Silver
- E9EAF7
≈ Icy Lilac
- F6E8E3
≈ Potpourri
Komplementarna rozszczepiona +150° +210°
- E2EFE8
Mountain Crystal Silver
- EFE8F3
≈ Tranquil Eve
- F6E7E8
≈ White Christmas
Tetrada +90° +180° +270°
- E2EFE8
Mountain Crystal Silver
- E4ECF7
≈ Coconut White
- F4E7EE
≈ Amour Frais
- F2EAE0
≈ Paper Lamb
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.74:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--mountain-crystal-silver: #e2efe8;
--mountain-crystal-silver-rgb: 226 239 232;
--mountain-crystal-silver-oklch: oklch(0.94 0.017 162.7);
}
.element {
color: var(--mountain-crystal-silver);
background-color: hsl(148 29% 91%);
border-color: oklch(0.94 0.017 162.7);
}Tailwind CSS v4
@theme {
--color-mountain-crystal-silver: #e2efe8;
--color-mountain-crystal-silver-50: #f1f7f4;
--color-mountain-crystal-silver-100: #e3eae6;
--color-mountain-crystal-silver-200: #ced7d2;
--color-mountain-crystal-silver-300: #b0bab5;
--color-mountain-crystal-silver-400: #96a29b;
--color-mountain-crystal-silver-500: #7d8a83;
--color-mountain-crystal-silver-600: #6a756f;
--color-mountain-crystal-silver-700: #545d59;
--color-mountain-crystal-silver-800: #3e4440;
--color-mountain-crystal-silver-900: #2a2f2c;
--color-mountain-crystal-silver-950: #181c19;
}SCSS
$mountain-crystal-silver: #e2efe8;
$mountain-crystal-silver-rgb: 226, 239, 232;
$mountain-crystal-silver-light: mix(#fff, $mountain-crystal-silver, 20%);
$mountain-crystal-silver-dark: mix(#000, $mountain-crystal-silver, 20%);
.element {
color: $mountain-crystal-silver;
box-shadow: 0 0 0 2px rgba($mountain-crystal-silver, 0.35);
}