Benannte Farbe · #D8DDDA
Mystic
Mystic ist #D8DDDA: rgb(216 221 218), hsl(144 7% 86%), oklch(0.893 0.007 160.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mystic color name →
#D8DDDA
oklch(0.893 0.007 160.1)
Farbumrechnungen
- HEX
- #d8ddda
- RGB
- rgb(216 221 218)
- HSL
- hsl(144 7% 86%)
- HWB
- hwb(144 85% 13%)
- OKLCH
- oklch(0.893 0.007 160.1)
- OKLab
- oklab(0.893 -0.006 0.002)
- CIE Lab
- lab(87.66 -2.16 0.85)
- LCH
- lch(87.66 2.32 158.4)
- CMYK
- cmyk(2% 0% 1% 13%)
Tints · Shades · Tones
Tints
- DCE0DE
- E0E4E1
- E4E7E5
- E7EAE9
- EBEEEC
- EFF1F0
- F3F5F4
- F7F8F8
- FBFCFB
Shades
- BCC0BD
- A0A4A2
- 858887
- 6B6E6C
- 535554
- 3B3D3C
- 252625
- 111111
- 020202
Tones
- CFD3D1
- C6CAC7
- BDC0BE
- B4B7B5
- ABADAC
- A2A4A3
- 9A9B9A
- 919291
- 888989
Farbharmonien
Komplementär +180°
- D8DDDA
Mystic
- DFDADD
≈ Shy Pink
Analog -30° +30°
- D8DDDA
Mystic
- DADDD8
≈ Fleur de Sel
- D7DDDC
≈ December Rain
Triadisch +120° +240°
- D8DDDA
Mystic
- DADBE0
≈ Faint Fern
- E0DAD8
≈ Lavender Essence
Geteilt komplementär +150° +210°
- D8DDDA
Mystic
- DDDADF
≈ Breathless
- E0DADA
≈ Porcelain Goldfish
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.27:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--mystic: #d8ddda;
--mystic-rgb: 216 221 218;
--mystic-oklch: oklch(0.893 0.007 160.1);
}
.element {
color: var(--mystic);
background-color: hsl(144 7% 86%);
border-color: oklch(0.893 0.007 160.1);
}Tailwind CSS v4
@theme {
--color-mystic: #d8ddda;
--color-mystic-50: #f3f6f4;
--color-mystic-100: #e6e8e7;
--color-mystic-200: #d2d5d3;
--color-mystic-300: #b4b8b6;
--color-mystic-400: #9ba09d;
--color-mystic-500: #828885;
--color-mystic-600: #6e7370;
--color-mystic-700: #585c5a;
--color-mystic-800: #404341;
--color-mystic-900: #2c2e2d;
--color-mystic-950: #1a1b1a;
}SCSS
$mystic: #d8ddda;
$mystic-rgb: 216, 221, 218;
$mystic-light: mix(#fff, $mystic, 20%);
$mystic-dark: mix(#000, $mystic, 20%);
.element {
color: $mystic;
box-shadow: 0 0 0 2px rgba($mystic, 0.35);
}