Benannte Farbe · #E3E5DF
Canyon Wind
Canyon Wind ist #E3E5DF: rgb(227 229 223), hsl(80 10% 89%), oklch(0.919 0.008 121.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Canyon Wind color name →
#E3E5DF
oklch(0.919 0.008 121.6)
Farbumrechnungen
- HEX
- #e3e5df
- RGB
- rgb(227 229 223)
- HSL
- hsl(80 10% 89%)
- HWB
- hwb(80 87% 10%)
- OKLCH
- oklch(0.919 0.008 121.6)
- OKLab
- oklab(0.919 -0.004 0.007)
- CIE Lab
- lab(90.66 -1.49 2.69)
- LCH
- lch(90.66 3.07 119)
- CMYK
- cmyk(1% 0% 3% 10%)
Tints · Shades · Tones
Tints
- E6E8E2
- E9EAE5
- EBEDE9
- EEEFEC
- F1F2EF
- F4F5F2
- F7F7F5
- F9FAF9
- FCFCFC
Shades
- C5C7C2
- A8AAA5
- 8C8E8A
- 71726F
- 575856
- 3F3F3D
- 272827
- 121212
- 030302
Tones
- D9DAD5
- CED0CB
- C4C6C2
- BABBB8
- B0B1AE
- A6A7A5
- 9D9D9B
- 939392
- 898A89
Farbharmonien
Komplementär +180°
- E3E5DF
Canyon Wind
- E5E3E9
≈ Translucent White
Analog -30° +30°
- E3E5DF
Canyon Wind
- E6E4DE
≈ Party Ice
- E0E6E1
≈ Bluewash
Triadisch +120° +240°
- E3E5DF
Canyon Wind
- DFE5E9
≈ City Lights
- E9E2E4
≈ Lavender Pizzazz
Geteilt komplementär +150° +210°
- E3E5DF
Canyon Wind
- E2E4EA
≈ Silver City
- E8E2E7
≈ Winter Orchid
Tetradisch +90° +180° +270°
- E3E5DF
Canyon Wind
- DEE6E7
≈ Austrian Ice
- E5E3E9
≈ Translucent White
- EAE2E1
≈ French Heirloom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.53:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.53:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--canyon-wind: #e3e5df;
--canyon-wind-rgb: 227 229 223;
--canyon-wind-oklch: oklch(0.919 0.008 121.6);
}
.element {
color: var(--canyon-wind);
background-color: hsl(80 10% 89%);
border-color: oklch(0.919 0.008 121.6);
}Tailwind CSS v4
@theme {
--color-canyon-wind: #e3e5df;
--color-canyon-wind-50: #f4f5f3;
--color-canyon-wind-100: #e7e8e5;
--color-canyon-wind-200: #d3d5d1;
--color-canyon-wind-300: #b6b8b3;
--color-canyon-wind-400: #9d9f9a;
--color-canyon-wind-500: #858781;
--color-canyon-wind-600: #71726d;
--color-canyon-wind-700: #5a5b57;
--color-canyon-wind-800: #424340;
--color-canyon-wind-900: #2d2e2c;
--color-canyon-wind-950: #1a1b19;
}SCSS
$canyon-wind: #e3e5df;
$canyon-wind-rgb: 227, 229, 223;
$canyon-wind-light: mix(#fff, $canyon-wind, 20%);
$canyon-wind-dark: mix(#000, $canyon-wind, 20%);
.element {
color: $canyon-wind;
box-shadow: 0 0 0 2px rgba($canyon-wind, 0.35);
}