Benannte Farbe · #E7E8E3
Silver White
Silver White ist #E7E8E3: rgb(231 232 227), hsl(72 10% 90%), oklch(0.929 0.007 115.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Silver White color name →
#E7E8E3
oklch(0.929 0.007 115.7)
Farbumrechnungen
- HEX
- #e7e8e3
- RGB
- rgb(231 232 227)
- HSL
- hsl(72 10% 90%)
- HWB
- hwb(72 89% 9%)
- OKLCH
- oklch(0.929 0.007 115.7)
- OKLab
- oklab(0.929 -0.003 0.006)
- CIE Lab
- lab(91.81 -1.01 2.31)
- LCH
- lch(91.81 2.52 113.5)
- CMYK
- cmyk(0% 0% 2% 9%)
Tints · Shades · Tones
Tints
- E9EAE6
- ECEDE9
- EEEFEB
- F1F1EE
- F3F3F1
- F5F6F4
- F8F8F7
- FAFAF9
- FDFDFC
Shades
- C9CAC5
- ABACA8
- 8F908C
- 737471
- 595957
- 40403F
- 282927
- 131312
- 030303
Tones
- DCDDD9
- D2D2CE
- C7C8C4
- BCBDBA
- B2B3B0
- A8A8A6
- 9E9E9D
- 949493
- 8A8A89
Farbharmonien
Komplementär +180°
- E7E8E3
Silver White
- E8E7EC
≈ Purple Crystal
Analog -30° +30°
- E7E8E3
Silver White
- E9E7E2
≈ Soft Violet
- E5E9E5
≈ Coastal Fog
Triadisch +120° +240°
- E7E8E3
Silver White
- E3E8EB
≈ Winter Day
- EBE6E7
≈ Early Crocus
Geteilt komplementär +150° +210°
- E7E8E3
Silver White
- E5E7EC
≈ Purple Crystal
- EAE6EA
≈ Pixie Wing
Tetradisch +90° +180° +270°
- E7E8E3
Silver White
- E3E9EA
≈ Evening Mist
- E8E7EC
≈ Purple Crystal
- ECE6E5
≈ Flower Girl Dress
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.04:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.04:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--silver-white: #e7e8e3;
--silver-white-rgb: 231 232 227;
--silver-white-oklch: oklch(0.929 0.007 115.7);
}
.element {
color: var(--silver-white);
background-color: hsl(72 10% 90%);
border-color: oklch(0.929 0.007 115.7);
}Tailwind CSS v4
@theme {
--color-silver-white: #e7e8e3;
--color-silver-white-50: #f5f5f3;
--color-silver-white-100: #e7e8e6;
--color-silver-white-200: #d4d5d1;
--color-silver-white-300: #b7b8b4;
--color-silver-white-400: #9e9f9a;
--color-silver-white-500: #868782;
--color-silver-white-600: #71726e;
--color-silver-white-700: #5a5b58;
--color-silver-white-800: #424340;
--color-silver-white-900: #2e2e2c;
--color-silver-white-950: #1a1b19;
}SCSS
$silver-white: #e7e8e3;
$silver-white-rgb: 231, 232, 227;
$silver-white-light: mix(#fff, $silver-white, 20%);
$silver-white-dark: mix(#000, $silver-white, 20%);
.element {
color: $silver-white;
box-shadow: 0 0 0 2px rgba($silver-white, 0.35);
}