Benannte Farbe · #E5E2E3
Mystical Mist
Mystical Mist ist #E5E2E3: rgb(229 226 227), hsl(340 5% 89%), oklch(0.915 0.004 354.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mystical Mist color name →
#E5E2E3
oklch(0.915 0.004 354.7)
Farbumrechnungen
- HEX
- #e5e2e3
- RGB
- rgb(229 226 227)
- HSL
- hsl(340 5% 89%)
- HWB
- hwb(340 89% 10%)
- OKLCH
- oklch(0.915 0.004 354.7)
- OKLab
- oklab(0.915 0.003 0)
- CIE Lab
- lab(90.14 1.18 -0.11)
- LCH
- lch(90.14 1.19 354.6)
- CMYK
- cmyk(0% 1% 1% 10%)
Tints · Shades · Tones
Tints
- E8E5E6
- EAE8E9
- EDEBEB
- EFEEEE
- F2F0F1
- F5F3F4
- F7F6F7
- FAF9F9
- FCFCFC
Shades
- C7C4C5
- AAA8A8
- 8E8C8C
- 727171
- 585757
- 3F3E3F
- 282727
- 121212
- 030303
Tones
- DAD8D9
- D0CECE
- C6C4C4
- BBBABA
- B1B0B0
- A7A6A6
- 9D9C9D
- 939393
- 8A8989
Farbharmonien
Komplementär +180°
- E5E2E3
Mystical Mist
- E1E4E3
≈ Grey Glimpse
Analog -30° +30°
- E5E2E3
Mystical Mist
- E4E2E4
≈ Mystical Mist
- E5E2E2
≈ Diamonds in the Sky
Triadisch +120° +240°
- E5E2E3
Mystical Mist
- E3E3E1
≈ Aria
- E1E3E5
≈ Cold Wind
Geteilt komplementär +150° +210°
- E5E2E3
Mystical Mist
- E2E4E1
≈ Aria
- E0E4E4
≈ Grey Glimpse
Tetradisch +90° +180° +270°
- E5E2E3
Mystical Mist
- E4E3E0
≈ Arctic Cotton
- E1E4E3
≈ Grey Glimpse
- E2E3E5
≈ Cold Wind
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.31:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--mystical-mist: #e5e2e3;
--mystical-mist-rgb: 229 226 227;
--mystical-mist-oklch: oklch(0.915 0.004 354.7);
}
.element {
color: var(--mystical-mist);
background-color: hsl(340 5% 89%);
border-color: oklch(0.915 0.004 354.7);
}Tailwind CSS v4
@theme {
--color-mystical-mist: #e5e2e3;
--color-mystical-mist-50: #f6f5f5;
--color-mystical-mist-100: #e9e7e8;
--color-mystical-mist-200: #d5d3d4;
--color-mystical-mist-300: #b9b7b7;
--color-mystical-mist-400: #a09d9e;
--color-mystical-mist-500: #888586;
--color-mystical-mist-600: #737172;
--color-mystical-mist-700: #5c5a5b;
--color-mystical-mist-800: #434242;
--color-mystical-mist-900: #2e2d2e;
--color-mystical-mist-950: #1b1a1b;
}SCSS
$mystical-mist: #e5e2e3;
$mystical-mist-rgb: 229, 226, 227;
$mystical-mist-light: mix(#fff, $mystical-mist, 20%);
$mystical-mist-dark: mix(#000, $mystical-mist, 20%);
.element {
color: $mystical-mist;
box-shadow: 0 0 0 2px rgba($mystical-mist, 0.35);
}