Benannte Farbe · #DEE4DC
Morning Rush
Morning Rush ist #DEE4DC: rgb(222 228 220), hsl(105 13% 88%), oklch(0.912 0.012 137.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Morning Rush color name →
#DEE4DC
oklch(0.912 0.012 137.8)
Farbumrechnungen
- HEX
- #dee4dc
- RGB
- rgb(222 228 220)
- HSL
- hsl(105 13% 88%)
- HWB
- hwb(105 86% 11%)
- OKLCH
- oklch(0.912 0.012 137.8)
- OKLab
- oklab(0.912 -0.009 0.008)
- CIE Lab
- lab(89.96 -3.16 3.18)
- LCH
- lch(89.96 4.48 134.8)
- CMYK
- cmyk(3% 0% 4% 11%)
Tints · Shades · Tones
Tints
- E1E7DF
- E5E9E3
- E8ECE6
- EBEFEA
- EEF1ED
- F2F4F1
- F5F7F4
- F8FAF8
- FCFCFB
Shades
- C1C6BF
- A5A9A3
- 898D88
- 6F726E
- 555854
- 3D3F3C
- 262826
- 121211
- 020302
Tones
- D4DAD2
- CACFC9
- C1C5BF
- B7BBB6
- AEB1AD
- A4A7A4
- 9B9D9B
- 929392
- 898A89
Farbharmonien
Komplementär +180°
- DEE4DC
Morning Rush
- E5DFE7
≈ Selago
Analog -30° +30°
- DEE4DC
Morning Rush
- E2E3D9
≈ Wisdom
- DBE5E0
≈ Melting Snowman
Triadisch +120° +240°
- DEE4DC
Morning Rush
- DDE2EA
≈ Calm Iridescence
- EADFDF
≈ Parasol
Geteilt komplementär +150° +210°
- DEE4DC
Morning Rush
- E1E1EA
≈ White Lavender
- E9DFE3
≈ Sakura Nezu
Tetradisch +90° +180° +270°
- DEE4DC
Morning Rush
- DAE4E9
≈ Pearl City
- E5DFE7
≈ Selago
- E9E0DB
≈ Sweet Roses
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.23:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--morning-rush: #dee4dc;
--morning-rush-rgb: 222 228 220;
--morning-rush-oklch: oklch(0.912 0.012 137.8);
}
.element {
color: var(--morning-rush);
background-color: hsl(105 13% 88%);
border-color: oklch(0.912 0.012 137.8);
}Tailwind CSS v4
@theme {
--color-morning-rush: #dee4dc;
--color-morning-rush-50: #f3f6f3;
--color-morning-rush-100: #e6e9e5;
--color-morning-rush-200: #d1d6d0;
--color-morning-rush-300: #b4b9b3;
--color-morning-rush-400: #9ba099;
--color-morning-rush-500: #828880;
--color-morning-rush-600: #6e736d;
--color-morning-rush-700: #585c57;
--color-morning-rush-800: #40433f;
--color-morning-rush-900: #2c2f2b;
--color-morning-rush-950: #191b19;
}SCSS
$morning-rush: #dee4dc;
$morning-rush-rgb: 222, 228, 220;
$morning-rush-light: mix(#fff, $morning-rush, 20%);
$morning-rush-dark: mix(#000, $morning-rush, 20%);
.element {
color: $morning-rush;
box-shadow: 0 0 0 2px rgba($morning-rush, 0.35);
}