Cor nomeada · #EDE8EB
Eyes White Shut
Eyes White Shut é #EDE8EB: rgb(237 232 235), hsl(324 12% 92%), oklch(0.936 0.007 340.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Eyes White Shut color name →
#EDE8EB
oklch(0.936 0.007 340.4)
Conversões de cor
- HEX
- #ede8eb
- RGB
- rgb(237 232 235)
- HSL
- hsl(324 12% 92%)
- HWB
- hwb(324 91% 7%)
- OKLCH
- oklch(0.936 0.007 340.4)
- OKLab
- oklab(0.936 0.006 -0.002)
- CIE Lab
- lab(92.45 2.14 -0.83)
- LCH
- lch(92.45 2.29 338.7)
- CMYK
- cmyk(0% 2% 1% 7%)
Tons claros · Sombras · Tons
Tons claros
- EFEAED
- F1EDEF
- F2EFF1
- F4F1F3
- F6F3F5
- F8F6F7
- FAF8F9
- FBFAFB
- FDFDFD
Sombras
- CECACC
- B0ACAE
- 939091
- 777475
- 5C595B
- 424041
- 2A2929
- 141313
- 030303
Tons
- E2DDE0
- D6D2D5
- CBC8CA
- C0BDBF
- B5B3B4
- AAA8A9
- 9F9E9F
- 959494
- 8A8A8A
Harmonias de cor
Complementar +180°
- EDE8EB
Eyes White Shut
- E6EBE8
≈ Windy Sky
Análoga -30° +30°
- EDE8EB
Eyes White Shut
- EBE8ED
≈ Dandelion Floatie
- EEE8E9
≈ Melodic White
Tríade +120° +240°
- EDE8EB
Eyes White Shut
- EBEAE5
≈ Blanco
- E5EBED
≈ Blizzard
Complementar dividida +150° +210°
- EDE8EB
Eyes White Shut
- E8EBE6
≈ Notebook Paper
- E5EBEB
≈ Blizzard
Tétrade +90° +180° +270°
- EDE8EB
Eyes White Shut
- EDE9E5
≈ Downy Fluff
- E6EBE8
≈ Windy Sky
- E6EAEE
≈ Calla Lily
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASobre preto
WCAG 17.34:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--eyes-white-shut: #ede8eb;
--eyes-white-shut-rgb: 237 232 235;
--eyes-white-shut-oklch: oklch(0.936 0.007 340.4);
}
.element {
color: var(--eyes-white-shut);
background-color: hsl(324 12% 92%);
border-color: oklch(0.936 0.007 340.4);
}Tailwind CSS v4
@theme {
--color-eyes-white-shut: #ede8eb;
--color-eyes-white-shut-50: #f6f4f5;
--color-eyes-white-shut-100: #e9e7e8;
--color-eyes-white-shut-200: #d6d3d5;
--color-eyes-white-shut-300: #bab6b8;
--color-eyes-white-shut-400: #a19d9f;
--color-eyes-white-shut-500: #898487;
--color-eyes-white-shut-600: #747073;
--color-eyes-white-shut-700: #5d5a5c;
--color-eyes-white-shut-800: #444143;
--color-eyes-white-shut-900: #2f2d2e;
--color-eyes-white-shut-950: #1b1a1b;
}SCSS
$eyes-white-shut: #ede8eb;
$eyes-white-shut-rgb: 237, 232, 235;
$eyes-white-shut-light: mix(#fff, $eyes-white-shut, 20%);
$eyes-white-shut-dark: mix(#000, $eyes-white-shut, 20%);
.element {
color: $eyes-white-shut;
box-shadow: 0 0 0 2px rgba($eyes-white-shut, 0.35);
}