Benannte Farbe · #DFD9DA
Frozen Mammoth
Frozen Mammoth ist #DFD9DA: rgb(223 217 218), hsl(350 9% 86%), oklch(0.89 0.007 5.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Frozen Mammoth color name →
#DFD9DA
oklch(0.89 0.007 5.6)
Farbumrechnungen
- HEX
- #dfd9da
- RGB
- rgb(223 217 218)
- HSL
- hsl(350 9% 86%)
- HWB
- hwb(350 85% 13%)
- OKLCH
- oklch(0.89 0.007 5.6)
- OKLab
- oklab(0.89 0.007 0.001)
- CIE Lab
- lab(87.2 2.25 0.27)
- LCH
- lch(87.2 2.27 6.9)
- CMYK
- cmyk(0% 3% 2% 13%)
Tints · Shades · Tones
Tints
- E2DDDE
- E5E1E1
- E9E4E5
- ECE8E9
- EFECEC
- F2F0F0
- F5F3F4
- F9F7F8
- FCFBFB
Shades
- C2BCBD
- A5A1A2
- 8A8687
- 6F6C6C
- 565354
- 3D3B3C
- 272525
- 121111
- 020202
Tones
- D5D0D1
- CBC7C7
- C2BDBE
- B8B4B5
- AEABAC
- A5A3A3
- 9B9A9A
- 929191
- 898889
Farbharmonien
Komplementär +180°
- DFD9DA
Frozen Mammoth
- D6DCDB
≈ Sea Frost
Analog -30° +30°
- DFD9DA
Frozen Mammoth
- DED9DC
≈ Shy Pink
- DFD9D8
≈ Lavender Essence
Triadisch +120° +240°
- DFD9DA
Frozen Mammoth
- DADCD7
≈ Light Grey
- D7DBDF
≈ Empire State Grey
Geteilt komplementär +150° +210°
- DFD9DA
Frozen Mammoth
- D7DCD9
≈ Mystic
- D6DCDE
≈ Sea Frost
Tetradisch +90° +180° +270°
- DFD9DA
Frozen Mammoth
- DCDBD6
≈ Mr. Kitty
- D6DCDB
≈ Sea Frost
- D9DADF
≈ Petal Tip
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.07:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.07:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--frozen-mammoth: #dfd9da;
--frozen-mammoth-rgb: 223 217 218;
--frozen-mammoth-oklch: oklch(0.89 0.007 5.6);
}
.element {
color: var(--frozen-mammoth);
background-color: hsl(350 9% 86%);
border-color: oklch(0.89 0.007 5.6);
}Tailwind CSS v4
@theme {
--color-frozen-mammoth: #dfd9da;
--color-frozen-mammoth-50: #f7f4f5;
--color-frozen-mammoth-100: #eae7e7;
--color-frozen-mammoth-200: #d7d3d3;
--color-frozen-mammoth-300: #bbb6b7;
--color-frozen-mammoth-400: #a29d9e;
--color-frozen-mammoth-500: #8a8485;
--color-frozen-mammoth-600: #757071;
--color-frozen-mammoth-700: #5e5a5a;
--color-frozen-mammoth-800: #444142;
--color-frozen-mammoth-900: #2f2d2e;
--color-frozen-mammoth-950: #1c1a1a;
}SCSS
$frozen-mammoth: #dfd9da;
$frozen-mammoth-rgb: 223, 217, 218;
$frozen-mammoth-light: mix(#fff, $frozen-mammoth, 20%);
$frozen-mammoth-dark: mix(#000, $frozen-mammoth, 20%);
.element {
color: $frozen-mammoth;
box-shadow: 0 0 0 2px rgba($frozen-mammoth, 0.35);
}