Color con nombre · #E2D9DB
Forgotten Mosque
Forgotten Mosque es #E2D9DB: rgb(226 217 219), hsl(347 13% 87%), oklch(0.893 0.01 2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Forgotten Mosque color name →
#E2D9DB
oklch(0.893 0.01 2)
Conversiones de color
- HEX
- #e2d9db
- RGB
- rgb(226 217 219)
- HSL
- hsl(347 13% 87%)
- HWB
- hwb(347 85% 11%)
- OKLCH
- oklch(0.893 0.01 2)
- OKLab
- oklab(0.893 0.01 0)
- CIE Lab
- lab(87.46 3.45 0.17)
- LCH
- lch(87.46 3.45 2.8)
- CMYK
- cmyk(0% 4% 3% 11%)
Tintes · Sombras · Tonos
Tintes
- E5DDDF
- E8E1E2
- EBE4E6
- EEE8E9
- F0ECED
- F3F0F0
- F6F3F4
- F9F7F8
- FCFBFB
Sombras
- C4BCBE
- A8A1A2
- 8C8687
- 716C6D
- 575354
- 3E3B3C
- 272526
- 121111
- 030202
Tonos
- D8D0D2
- CEC7C8
- C4BDBF
- BAB4B6
- B0ABAC
- A6A3A3
- 9C9A9A
- 939191
- 898889
Armonías de color
Complementario +180°
- E2D9DB
Forgotten Mosque
- D5DEDC
≈ December Rain
Análogo -30° +30°
- E2D9DB
Forgotten Mosque
- E0D9DF
≈ Little Lilac
- E2D9D7
≈ Dreamy White
Triádico +120° +240°
- E2D9DB
Forgotten Mosque
- DADDD6
≈ Aqua Haze
- D6DDE2
≈ Mystic Pool
Complementario dividido +150° +210°
- E2D9DB
Forgotten Mosque
- D7DED8
≈ Ladoga Bottom
- D5DEE0
≈ Spa Blue
Tetrádico +90° +180° +270°
- E2D9DB
Forgotten Mosque
- DEDCD4
≈ River Shark
- D5DEDC
≈ December Rain
- D9DBE3
≈ Muffled White
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.18:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.18:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--forgotten-mosque: #e2d9db;
--forgotten-mosque-rgb: 226 217 219;
--forgotten-mosque-oklch: oklch(0.893 0.01 2);
}
.element {
color: var(--forgotten-mosque);
background-color: hsl(347 13% 87%);
border-color: oklch(0.893 0.01 2);
}Tailwind CSS v4
@theme {
--color-forgotten-mosque: #e2d9db;
--color-forgotten-mosque-50: #f8f4f5;
--color-forgotten-mosque-100: #ebe6e7;
--color-forgotten-mosque-200: #d8d2d4;
--color-forgotten-mosque-300: #bcb5b7;
--color-forgotten-mosque-400: #a49c9e;
--color-forgotten-mosque-500: #8c8385;
--color-forgotten-mosque-600: #776f71;
--color-forgotten-mosque-700: #5f595a;
--color-forgotten-mosque-800: #464142;
--color-forgotten-mosque-900: #302d2e;
--color-forgotten-mosque-950: #1c1a1a;
}SCSS
$forgotten-mosque: #e2d9db;
$forgotten-mosque-rgb: 226, 217, 219;
$forgotten-mosque-light: mix(#fff, $forgotten-mosque, 20%);
$forgotten-mosque-dark: mix(#000, $forgotten-mosque, 20%);
.element {
color: $forgotten-mosque;
box-shadow: 0 0 0 2px rgba($forgotten-mosque, 0.35);
}