Benannte Farbe · #EEE8E8
Melodic White
Melodic White ist #EEE8E8: rgb(238 232 232), hsl(0 15% 92%), oklch(0.936 0.007 17.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Melodic White color name →
#EEE8E8
oklch(0.936 0.007 17.3)
Farbumrechnungen
- HEX
- #eee8e8
- RGB
- rgb(238 232 232)
- HSL
- hsl(0 15% 92%)
- HWB
- hwb(0 91% 7%)
- OKLCH
- oklch(0.936 0.007 17.3)
- OKLab
- oklab(0.936 0.006 0.002)
- CIE Lab
- lab(92.47 2.09 0.76)
- LCH
- lch(92.47 2.23 19.9)
- CMYK
- cmyk(0% 3% 3% 7%)
Tints · Shades · Tones
Tints
- F0EAEA
- F1EDED
- F3EFEF
- F5F1F1
- F6F3F3
- F8F6F6
- FAF8F8
- FCFAFA
- FDFDFD
Shades
- CFCACA
- B1ACAC
- 939090
- 777474
- 5C5959
- 424040
- 2A2929
- 141313
- 030303
Tones
- E2DDDD
- D7D2D2
- CCC8C8
- C1BDBD
- B5B3B3
- AAA8A8
- A09E9E
- 959494
- 8A8A8A
Farbharmonien
Komplementär +180°
- EEE8E8
Melodic White
- E5EBEB
≈ Blizzard
Analog -30° +30°
- EEE8E8
Melodic White
- EDE8EA
≈ Eyes White Shut
- EEE8E6
≈ Shell Brook
Triadisch +120° +240°
- EEE8E8
Melodic White
- E8EBE7
≈ Windy Sky
- E7EAEE
≈ Lavendar Wisp
Geteilt komplementär +150° +210°
- EEE8E8
Melodic White
- E6EBE9
≈ Morning Song
- E5EBED
≈ Blizzard
Tetradisch +90° +180° +270°
- EEE8E8
Melodic White
- EAEAE5
≈ Blanco
- E5EBEB
≈ Blizzard
- E9E9EE
≈ Diamond Cut
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.34:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--melodic-white: #eee8e8;
--melodic-white-rgb: 238 232 232;
--melodic-white-oklch: oklch(0.936 0.007 17.3);
}
.element {
color: var(--melodic-white);
background-color: hsl(0 15% 92%);
border-color: oklch(0.936 0.007 17.3);
}Tailwind CSS v4
@theme {
--color-melodic-white: #eee8e8;
--color-melodic-white-50: #f7f4f4;
--color-melodic-white-100: #eae7e7;
--color-melodic-white-200: #d7d3d3;
--color-melodic-white-300: #bbb6b6;
--color-melodic-white-400: #a29d9d;
--color-melodic-white-500: #8a8484;
--color-melodic-white-600: #757070;
--color-melodic-white-700: #5e5a5a;
--color-melodic-white-800: #454142;
--color-melodic-white-900: #2f2d2d;
--color-melodic-white-950: #1c1a1a;
}SCSS
$melodic-white: #eee8e8;
$melodic-white-rgb: 238, 232, 232;
$melodic-white-light: mix(#fff, $melodic-white, 20%);
$melodic-white-dark: mix(#000, $melodic-white, 20%);
.element {
color: $melodic-white;
box-shadow: 0 0 0 2px rgba($melodic-white, 0.35);
}