Color con nombre · #E8E2E0
Clytemnestra
Clytemnestra es #E8E2E0: rgb(232 226 224), hsl(15 15% 89%), oklch(0.917 0.007 39.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Clytemnestra color name →
#E8E2E0
oklch(0.917 0.007 39.5)
Conversiones de color
- HEX
- #e8e2e0
- RGB
- rgb(232 226 224)
- HSL
- hsl(15 15% 89%)
- HWB
- hwb(15 88% 9%)
- OKLCH
- oklch(0.917 0.007 39.5)
- OKLab
- oklab(0.917 0.005 0.005)
- CIE Lab
- lab(90.32 1.85 1.74)
- LCH
- lch(90.32 2.54 43.3)
- CMYK
- cmyk(0% 3% 3% 9%)
Tintes · Sombras · Tonos
Tintes
- EAE5E3
- EDE8E6
- EFEBE9
- F1EEEC
- F3F0EF
- F6F3F3
- F8F6F6
- FAF9F9
- FDFCFC
Sombras
- CAC4C3
- ACA8A6
- 908C8A
- 747170
- 595756
- 403E3E
- 292727
- 131212
- 030302
Tonos
- DDD8D6
- D2CECC
- C8C4C2
- BDBAB8
- B3B0AF
- A8A6A5
- 9E9C9C
- 949392
- 8A8989
Armonías de color
Complementario +180°
- E8E2E0
Clytemnestra
- DFE5E7
≈ Austrian Ice
Análogo -30° +30°
- E8E2E0
Clytemnestra
- E8E2E2
≈ Antique Petal
- E7E3DF
≈ Arctic Cotton
Triádico +120° +240°
- E8E2E0
Clytemnestra
- E0E5E2
≈ Icy Bay
- E2E3E8
≈ Violet White
Complementario dividido +150° +210°
- E8E2E0
Clytemnestra
- DFE5E4
≈ Moon Garden
- E0E4E8
≈ Bleached White
Tetrádico +90° +180° +270°
- E8E2E0
Clytemnestra
- E2E4E0
≈ Beryl Pearl
- DFE5E7
≈ Austrian Ice
- E5E2E7
≈ Violet Hush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.38:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--clytemnestra: #e8e2e0;
--clytemnestra-rgb: 232 226 224;
--clytemnestra-oklch: oklch(0.917 0.007 39.5);
}
.element {
color: var(--clytemnestra);
background-color: hsl(15 15% 89%);
border-color: oklch(0.917 0.007 39.5);
}Tailwind CSS v4
@theme {
--color-clytemnestra: #e8e2e0;
--color-clytemnestra-50: #f7f4f3;
--color-clytemnestra-100: #eae7e6;
--color-clytemnestra-200: #d7d3d2;
--color-clytemnestra-300: #bbb6b4;
--color-clytemnestra-400: #a29d9b;
--color-clytemnestra-500: #8b8583;
--color-clytemnestra-600: #75706f;
--color-clytemnestra-700: #5e5a58;
--color-clytemnestra-800: #454241;
--color-clytemnestra-900: #2f2d2c;
--color-clytemnestra-950: #1c1a1a;
}SCSS
$clytemnestra: #e8e2e0;
$clytemnestra-rgb: 232, 226, 224;
$clytemnestra-light: mix(#fff, $clytemnestra, 20%);
$clytemnestra-dark: mix(#000, $clytemnestra, 20%);
.element {
color: $clytemnestra;
box-shadow: 0 0 0 2px rgba($clytemnestra, 0.35);
}