Benannte Farbe · #F0F1EC
Windmill Wings
Windmill Wings ist #F0F1EC: rgb(240 241 236), hsl(72 15% 94%), oklch(0.956 0.007 115.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Windmill Wings color name →
#F0F1EC
oklch(0.956 0.007 115.7)
Farbumrechnungen
- HEX
- #f0f1ec
- RGB
- rgb(240 241 236)
- HSL
- hsl(72 15% 94%)
- HWB
- hwb(72 93% 5%)
- OKLCH
- oklch(0.956 0.007 115.7)
- OKLab
- oklab(0.956 -0.003 0.006)
- CIE Lab
- lab(94.96 -1 2.3)
- LCH
- lch(94.96 2.51 113.5)
- CMYK
- cmyk(0% 0% 2% 5%)
Tints · Shades · Tones
Tints
- F1F2EE
- F3F4F0
- F4F5F2
- F6F7F4
- F7F8F5
- F9F9F7
- FAFBF9
- FCFCFB
- FDFEFD
Shades
- D1D2CD
- B2B3AF
- 959592
- 787976
- 5D5D5B
- 434342
- 2A2B29
- 141413
- 030303
Tones
- E4E5E1
- D9D9D5
- CDCECA
- C2C2BF
- B6B7B4
- ABACAA
- A0A09F
- 959695
- 8B8B8A
Farbharmonien
Komplementär +180°
- F0F1EC
Windmill Wings
- F1F0F5
≈ Aragonite White
Analog -30° +30°
- F0F1EC
Windmill Wings
- F2F0EB
≈ Nano White
- EEF2EE
≈ Snowbelt
Triadisch +120° +240°
- F0F1EC
Windmill Wings
- ECF1F4
≈ Powder White
- F4EFF0
≈ Angelic Wings
Geteilt komplementär +150° +210°
- F0F1EC
Windmill Wings
- EEF0F5
≈ Powder White
- F3EFF3
≈ Plastic Clouds
Tetradisch +90° +180° +270°
- F0F1EC
Windmill Wings
- ECF2F3
≈ Maui Mist
- F1F0F5
≈ Aragonite White
- F5EFEE
≈ Angelic Wings
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.49:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.49:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--windmill-wings: #f0f1ec;
--windmill-wings-rgb: 240 241 236;
--windmill-wings-oklch: oklch(0.956 0.007 115.7);
}
.element {
color: var(--windmill-wings);
background-color: hsl(72 15% 94%);
border-color: oklch(0.956 0.007 115.7);
}Tailwind CSS v4
@theme {
--color-windmill-wings: #f0f1ec;
--color-windmill-wings-50: #f5f5f3;
--color-windmill-wings-100: #e7e8e6;
--color-windmill-wings-200: #d4d5d1;
--color-windmill-wings-300: #b7b8b4;
--color-windmill-wings-400: #9e9f9a;
--color-windmill-wings-500: #868782;
--color-windmill-wings-600: #71726e;
--color-windmill-wings-700: #5a5b58;
--color-windmill-wings-800: #424340;
--color-windmill-wings-900: #2e2e2c;
--color-windmill-wings-950: #1a1b19;
}SCSS
$windmill-wings: #f0f1ec;
$windmill-wings-rgb: 240, 241, 236;
$windmill-wings-light: mix(#fff, $windmill-wings, 20%);
$windmill-wings-dark: mix(#000, $windmill-wings, 20%);
.element {
color: $windmill-wings;
box-shadow: 0 0 0 2px rgba($windmill-wings, 0.35);
}