Benannte Farbe · #E7ECE8
Dusting Powder
Dusting Powder ist #E7ECE8: rgb(231 236 232), hsl(132 12% 92%), oklch(0.938 0.008 151.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dusting Powder color name →
#E7ECE8
oklch(0.938 0.008 151.9)
Farbumrechnungen
- HEX
- #e7ece8
- RGB
- rgb(231 236 232)
- HSL
- hsl(132 12% 92%)
- HWB
- hwb(132 91% 7%)
- OKLCH
- oklch(0.938 0.008 151.9)
- OKLab
- oklab(0.938 -0.007 0.004)
- CIE Lab
- lab(92.93 -2.26 1.33)
- LCH
- lch(92.93 2.62 149.6)
- CMYK
- cmyk(2% 0% 2% 7%)
Tints · Shades · Tones
Tints
- E9EEEA
- ECF0ED
- EEF2EF
- F1F4F1
- F3F5F3
- F5F7F6
- F8F9F8
- FAFBFA
- FDFDFD
Shades
- C9CDCA
- ABAFAC
- 8F9290
- 737674
- 595B59
- 404240
- 282929
- 131313
- 030303
Tones
- DCE1DD
- D2D5D2
- C7CAC8
- BCBFBD
- B2B4B3
- A8AAA8
- 9E9F9E
- 949594
- 8A8A8A
Farbharmonien
Komplementär +180°
- E7ECE8
Dusting Powder
- EEE9ED
≈ Greek Goddess
Analog -30° +30°
- E7ECE8
Dusting Powder
- E9EBE6
≈ Notebook Paper
- E5ECEB
≈ Breaker
Triadisch +120° +240°
- E7ECE8
Dusting Powder
- E9EAF0
≈ Diamond Cut
- EFE9E7
≈ Holy Ghost
Geteilt komplementär +150° +210°
- E7ECE8
Dusting Powder
- EBE9EF
≈ Greek Goddess
- EFE8EA
≈ Frosty Morning
Tetradisch +90° +180° +270°
- E7ECE8
Dusting Powder
- E6EBEF
≈ Blizzard
- EEE9ED
≈ Greek Goddess
- EEE9E6
≈ Holy Ghost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.19:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.56:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.56:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--dusting-powder: #e7ece8;
--dusting-powder-rgb: 231 236 232;
--dusting-powder-oklch: oklch(0.938 0.008 151.9);
}
.element {
color: var(--dusting-powder);
background-color: hsl(132 12% 92%);
border-color: oklch(0.938 0.008 151.9);
}Tailwind CSS v4
@theme {
--color-dusting-powder: #e7ece8;
--color-dusting-powder-50: #f3f6f4;
--color-dusting-powder-100: #e6e9e7;
--color-dusting-powder-200: #d2d5d3;
--color-dusting-powder-300: #b4b8b5;
--color-dusting-powder-400: #9ba09c;
--color-dusting-powder-500: #838884;
--color-dusting-powder-600: #6f736f;
--color-dusting-powder-700: #585c59;
--color-dusting-powder-800: #414341;
--color-dusting-powder-900: #2c2e2d;
--color-dusting-powder-950: #1a1b1a;
}SCSS
$dusting-powder: #e7ece8;
$dusting-powder-rgb: 231, 236, 232;
$dusting-powder-light: mix(#fff, $dusting-powder, 20%);
$dusting-powder-dark: mix(#000, $dusting-powder, 20%);
.element {
color: $dusting-powder;
box-shadow: 0 0 0 2px rgba($dusting-powder, 0.35);
}