Benannte Farbe · #DEE0E1
Gentle Grey
Gentle Grey ist #DEE0E1: rgb(222 224 225), hsl(200 5% 88%), oklch(0.905 0.003 228.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gentle Grey color name →
#DEE0E1
oklch(0.905 0.003 228.8)
Farbumrechnungen
- HEX
- #dee0e1
- RGB
- rgb(222 224 225)
- HSL
- hsl(200 5% 88%)
- HWB
- hwb(200 87% 12%)
- OKLCH
- oklch(0.905 0.003 228.8)
- OKLab
- oklab(0.905 -0.002 -0.002)
- CIE Lab
- lab(89.04 -0.56 -0.74)
- LCH
- lch(89.04 0.93 232.7)
- CMYK
- cmyk(1% 0% 0% 12%)
Tints · Shades · Tones
Tints
- E1E3E4
- E5E6E7
- E8E9EA
- EBECED
- EEEFF0
- F2F3F3
- F5F6F6
- F8F9F9
- FCFCFC
Shades
- C1C3C4
- A5A6A7
- 898A8B
- 6F7070
- 555656
- 3D3E3E
- 262727
- 121212
- 020202
Tones
- D4D6D7
- CACCCD
- C1C2C3
- B7B8B9
- AEAFAF
- A4A5A6
- 9B9C9C
- 929293
- 898989
Farbharmonien
Komplementär +180°
- DEE0E1
Gentle Grey
- E1DFDE
≈ Christmas Silver
Analog -30° +30°
- DEE0E1
Gentle Grey
- DEE0E0
≈ Gentle Grey
- DFE0E1
≈ Gentle Grey
Triadisch +120° +240°
- DEE0E1
Gentle Grey
- E1DFE0
≈ Christmas Silver
- E0E0DE
≈ City Brume
Geteilt komplementär +150° +210°
- DEE0E1
Gentle Grey
- E1DFDF
≈ Christmas Silver
- E1DFDE
≈ Christmas Silver
Tetradisch +90° +180° +270°
- DEE0E1
Gentle Grey
- E0DFE1
≈ Chrome
- E1DFDE
≈ Christmas Silver
- DFE0DE
≈ Friendly Ghost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.32:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.85:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--gentle-grey: #dee0e1;
--gentle-grey-rgb: 222 224 225;
--gentle-grey-oklch: oklch(0.905 0.003 228.8);
}
.element {
color: var(--gentle-grey);
background-color: hsl(200 5% 88%);
border-color: oklch(0.905 0.003 228.8);
}Tailwind CSS v4
@theme {
--color-gentle-grey: #dee0e1;
--color-gentle-grey-50: #f4f5f6;
--color-gentle-grey-100: #e7e8e8;
--color-gentle-grey-200: #d3d4d5;
--color-gentle-grey-300: #b6b7b8;
--color-gentle-grey-400: #9d9f9f;
--color-gentle-grey-500: #848687;
--color-gentle-grey-600: #707273;
--color-gentle-grey-700: #5a5b5c;
--color-gentle-grey-800: #414243;
--color-gentle-grey-900: #2d2e2e;
--color-gentle-grey-950: #1a1b1b;
}SCSS
$gentle-grey: #dee0e1;
$gentle-grey-rgb: 222, 224, 225;
$gentle-grey-light: mix(#fff, $gentle-grey, 20%);
$gentle-grey-dark: mix(#000, $gentle-grey, 20%);
.element {
color: $gentle-grey;
box-shadow: 0 0 0 2px rgba($gentle-grey, 0.35);
}