Benannte Farbe · #EEEFEA
Extra White
Extra White ist #EEEFEA: rgb(238 239 234), hsl(72 14% 93%), oklch(0.95 0.007 115.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Extra White color name →
#EEEFEA
oklch(0.95 0.007 115.7)
Farbumrechnungen
- HEX
- #eeefea
- RGB
- rgb(238 239 234)
- HSL
- hsl(72 14% 93%)
- HWB
- hwb(72 92% 6%)
- OKLCH
- oklch(0.95 0.007 115.7)
- OKLab
- oklab(0.95 -0.003 0.006)
- CIE Lab
- lab(94.27 -1 2.3)
- LCH
- lch(94.27 2.51 113.5)
- CMYK
- cmyk(0% 0% 2% 6%)
Tints · Shades · Tones
Tints
- F0F1EC
- F1F2EE
- F3F4F0
- F5F5F2
- F6F7F4
- F8F9F7
- FAFAF9
- FCFCFB
- FDFDFD
Shades
- CFD0CB
- B1B1AE
- 939491
- 777875
- 5C5C5A
- 424241
- 2A2A29
- 141413
- 030303
Tones
- E2E3DF
- D7D8D4
- CCCCC9
- C1C1BE
- B5B6B4
- AAABA9
- A0A09F
- 959594
- 8A8B8A
Farbharmonien
Komplementär +180°
- EEEFEA
Extra White
- EFEEF3
≈ Springtime Rain
Analog -30° +30°
- EEEFEA
Extra White
- F0EEE9
≈ White Mink
- ECF0EC
≈ Shooting Star
Triadisch +120° +240°
- EEEFEA
Extra White
- EAEFF2
≈ Distant Wind Chime
- F2EDEE
≈ Vintage Porcelain
Geteilt komplementär +150° +210°
- EEEFEA
Extra White
- ECEEF3
≈ Springtime Rain
- F1EDF1
≈ Violet Clues
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.15:1 · APCA Lc 7
Ag
AAAAuf Schwarz
WCAG 18.17:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.17:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--extra-white: #eeefea;
--extra-white-rgb: 238 239 234;
--extra-white-oklch: oklch(0.95 0.007 115.7);
}
.element {
color: var(--extra-white);
background-color: hsl(72 14% 93%);
border-color: oklch(0.95 0.007 115.7);
}Tailwind CSS v4
@theme {
--color-extra-white: #eeefea;
--color-extra-white-50: #f5f5f3;
--color-extra-white-100: #e7e8e6;
--color-extra-white-200: #d4d5d1;
--color-extra-white-300: #b7b8b4;
--color-extra-white-400: #9e9f9a;
--color-extra-white-500: #868782;
--color-extra-white-600: #71726e;
--color-extra-white-700: #5a5b58;
--color-extra-white-800: #424340;
--color-extra-white-900: #2e2e2c;
--color-extra-white-950: #1a1b19;
}SCSS
$extra-white: #eeefea;
$extra-white-rgb: 238, 239, 234;
$extra-white-light: mix(#fff, $extra-white, 20%);
$extra-white-dark: mix(#000, $extra-white, 20%);
.element {
color: $extra-white;
box-shadow: 0 0 0 2px rgba($extra-white, 0.35);
}