Colore con nome · #E8F4F7
Milky Way
Milky Way è #E8F4F7: rgb(232 244 247), hsl(192 48% 94%), oklch(0.959 0.013 214.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Milky Way color name →
#E8F4F7
oklch(0.959 0.013 214.4)
Conversioni di colore
- HEX
- #e8f4f7
- RGB
- rgb(232 244 247)
- HSL
- hsl(192 48% 94%)
- HWB
- hwb(192 91% 3%)
- OKLCH
- oklch(0.959 0.013 214.4)
- OKLab
- oklab(0.959 -0.011 -0.008)
- CIE Lab
- lab(95.35 -3.68 -2.89)
- LCH
- lch(95.35 4.68 218.1)
- CMYK
- cmyk(6% 1% 0% 3%)
Tinte · Ombre · Toni
Tinte
- EAF5F8
- EDF6F9
- EFF7F9
- F1F8FA
- F4FAFB
- F6FBFC
- F8FCFD
- FAFDFD
- FDFEFE
Ombre
- CAD4D7
- ACB5B7
- 909799
- 747A7C
- 595E60
- 404445
- 292B2C
- 131415
- 030303
Toni
- DDE8EA
- D2DCDE
- C8D0D2
- BDC4C6
- B3B8BA
- A8ADAE
- 9EA1A2
- 949697
- 8A8B8B
Armonie di colore
Complementare +180°
- E8F4F7
Milky Way
- FAEFEC
≈ Baby Blossom
Analogo -30° +30°
- E8F4F7
Milky Way
- E8F5F2
≈ Shiroi White
- EAF3FA
≈ Insignia White
Triadico +120° +240°
- E8F4F7
Milky Way
- F7EEF5
≈ Sentimental Pink
- F4F2E8
≈ Willowside
Complementare divisa +150° +210°
- E8F4F7
Milky Way
- FAEEF0
≈ Vienna Dawn
- F8F0E8
≈ Billowy Clouds
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.71:1 · APCA Lc 99
Miglior colore del testo: #000000
WCAG 18.71:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--milky-way: #e8f4f7;
--milky-way-rgb: 232 244 247;
--milky-way-oklch: oklch(0.959 0.013 214.4);
}
.element {
color: var(--milky-way);
background-color: hsl(192 48% 94%);
border-color: oklch(0.959 0.013 214.4);
}Tailwind CSS v4
@theme {
--color-milky-way: #e8f4f7;
--color-milky-way-50: #f1f6f7;
--color-milky-way-100: #e3e9eb;
--color-milky-way-200: #ced6d8;
--color-milky-way-300: #b0b9bc;
--color-milky-way-400: #96a1a3;
--color-milky-way-500: #7d898c;
--color-milky-way-600: #6a7476;
--color-milky-way-700: #545c5e;
--color-milky-way-800: #3d4445;
--color-milky-way-900: #2a2f30;
--color-milky-way-950: #181b1c;
}SCSS
$milky-way: #e8f4f7;
$milky-way-rgb: 232, 244, 247;
$milky-way-light: mix(#fff, $milky-way, 20%);
$milky-way-dark: mix(#000, $milky-way, 20%);
.element {
color: $milky-way;
box-shadow: 0 0 0 2px rgba($milky-way, 0.35);
}