Benannte Farbe · #E3DCD6
Grim Grey
Grim Grey ist #E3DCD6: rgb(227 220 214), hsl(28 19% 86%), oklch(0.898 0.011 63.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Grim Grey color name →
#E3DCD6
oklch(0.898 0.011 63.3)
Farbumrechnungen
- HEX
- #e3dcd6
- RGB
- rgb(227 220 214)
- HSL
- hsl(28 19% 86%)
- HWB
- hwb(28 84% 11%)
- OKLCH
- oklch(0.898 0.011 63.3)
- OKLab
- oklab(0.898 0.005 0.01)
- CIE Lab
- lab(88.2 1.7 3.85)
- LCH
- lch(88.2 4.21 66.2)
- CMYK
- cmyk(0% 3% 6% 11%)
Tints · Shades · Tones
Tints
- E6DFDA
- E9E3DE
- EBE6E2
- EEEAE6
- F1EDEA
- F4F1EE
- F7F4F3
- F9F8F7
- FCFBFB
Shades
- C5BFBA
- A8A39E
- 8C8884
- 716E6A
- 575452
- 3F3C3B
- 272625
- 121110
- 030202
Tones
- D9D2CD
- CEC9C4
- C4BFBB
- BAB6B3
- B0ADAA
- A6A4A1
- 9D9B99
- 939291
- 898988
Farbharmonien
Komplementär +180°
- E3DCD6
Grim Grey
- D7DEE4
≈ Billowing Clouds
Analog -30° +30°
- E3DCD6
Grim Grey
- E5DBD9
≈ Minified Maroon
- E0DDD5
≈ Sea Fog
Triadisch +120° +240°
- E3DCD6
Grim Grey
- D6E0DE
≈ Pristine Petal
- DFDCE4
≈ Minified Mauve
Geteilt komplementär +150° +210°
- E3DCD6
Grim Grey
- D6E0E2
≈ Blue Smoke
- DBDDE5
≈ Timid Cloud
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.47:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--grim-grey: #e3dcd6;
--grim-grey-rgb: 227 220 214;
--grim-grey-oklch: oklch(0.898 0.011 63.3);
}
.element {
color: var(--grim-grey);
background-color: hsl(28 19% 86%);
border-color: oklch(0.898 0.011 63.3);
}Tailwind CSS v4
@theme {
--color-grim-grey: #e3dcd6;
--color-grim-grey-50: #f7f4f2;
--color-grim-grey-100: #eae7e4;
--color-grim-grey-200: #d8d3cf;
--color-grim-grey-300: #bbb6b1;
--color-grim-grey-400: #a39d98;
--color-grim-grey-500: #8c857f;
--color-grim-grey-600: #76706b;
--color-grim-grey-700: #5f5a56;
--color-grim-grey-800: #45423e;
--color-grim-grey-900: #302d2b;
--color-grim-grey-950: #1c1a18;
}SCSS
$grim-grey: #e3dcd6;
$grim-grey-rgb: 227, 220, 214;
$grim-grey-light: mix(#fff, $grim-grey, 20%);
$grim-grey-dark: mix(#000, $grim-grey, 20%);
.element {
color: $grim-grey;
box-shadow: 0 0 0 2px rgba($grim-grey, 0.35);
}