Colore con nome · #EEECE7
Metropolitan White
Metropolitan White è #EEECE7: rgb(238 236 231), hsl(43 17% 92%), oklch(0.943 0.007 88.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Metropolitan White color name →
#EEECE7
oklch(0.943 0.007 88.6)
Conversioni di colore
- HEX
- #eeece7
- RGB
- rgb(238 236 231)
- HSL
- hsl(43 17% 92%)
- HWB
- hwb(43 91% 7%)
- OKLCH
- oklch(0.943 0.007 88.6)
- OKLab
- oklab(0.943 0 0.007)
- CIE Lab
- lab(93.45 0.04 2.68)
- LCH
- lch(93.45 2.68 89.1)
- CMYK
- cmyk(0% 1% 3% 7%)
Tinte · Ombre · Toni
Tinte
- F0EEE9
- F1F0EC
- F3F2EE
- F5F4F1
- F6F5F3
- F8F7F5
- FAF9F8
- FCFBFA
- FDFDFD
Ombre
- CFCDC9
- B1AFAB
- 93928F
- 777673
- 5C5B59
- 424240
- 2A2928
- 141313
- 030303
Toni
- E2E1DC
- D7D5D2
- CCCAC7
- C1BFBC
- B5B4B2
- AAAAA8
- A09F9E
- 959594
- 8A8A8A
Armonie di colore
Complementare +180°
- EEECE7
Metropolitan White
- EAECF1
≈ Solitude
Analogo -30° +30°
- EEECE7
Metropolitan White
- F0EBE8
≈ White Alyssum
- ECEDE8
≈ Neutral White
Triadico +120° +240°
- EEECE7
Metropolitan White
- E7EEEF
≈ Brooklet
- EFEBEF
≈ Violet Clues
Complementare divisa +150° +210°
- EEECE7
Metropolitan White
- E8EDF0
≈ Walls of Santorini
- EDEBF0
≈ Bright Grey
Tetradico +90° +180° +270°
- EEECE7
Metropolitan White
- E8EEEC
≈ Kiss Me Kate
- EAECF1
≈ Solitude
- F0EAEC
≈ Charolais Cattle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.78:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.78:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--metropolitan-white: #eeece7;
--metropolitan-white-rgb: 238 236 231;
--metropolitan-white-oklch: oklch(0.943 0.007 88.6);
}
.element {
color: var(--metropolitan-white);
background-color: hsl(43 17% 92%);
border-color: oklch(0.943 0.007 88.6);
}Tailwind CSS v4
@theme {
--color-metropolitan-white: #eeece7;
--color-metropolitan-white-50: #f6f5f3;
--color-metropolitan-white-100: #e9e8e5;
--color-metropolitan-white-200: #d5d4d1;
--color-metropolitan-white-300: #b9b7b3;
--color-metropolitan-white-400: #a09e9a;
--color-metropolitan-white-500: #888681;
--color-metropolitan-white-600: #73716d;
--color-metropolitan-white-700: #5c5b57;
--color-metropolitan-white-800: #434240;
--color-metropolitan-white-900: #2e2e2c;
--color-metropolitan-white-950: #1b1a19;
}SCSS
$metropolitan-white: #eeece7;
$metropolitan-white-rgb: 238, 236, 231;
$metropolitan-white-light: mix(#fff, $metropolitan-white, 20%);
$metropolitan-white-dark: mix(#000, $metropolitan-white, 20%);
.element {
color: $metropolitan-white;
box-shadow: 0 0 0 2px rgba($metropolitan-white, 0.35);
}