Color con nombre · #F3E2DF
Morningside
Morningside es #F3E2DF: rgb(243 226 223), hsl(9 45% 91%), oklch(0.926 0.019 29.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Morningside color name →
#F3E2DF
oklch(0.926 0.019 29.6)
Conversiones de color
- HEX
- #f3e2df
- RGB
- rgb(243 226 223)
- HSL
- hsl(9 45% 91%)
- HWB
- hwb(9 87% 5%)
- OKLCH
- oklch(0.926 0.019 29.6)
- OKLab
- oklab(0.926 0.017 0.009)
- CIE Lab
- lab(91.21 5.63 3.67)
- LCH
- lch(91.21 6.72 33.1)
- CMYK
- cmyk(0% 7% 8% 5%)
Tintes · Sombras · Tonos
Tintes
- F4E5E2
- F5E8E5
- F7EBE9
- F8EEEC
- F9F0EF
- FAF3F2
- FBF6F5
- FDF9F9
- FEFCFC
Sombras
- D3C4C2
- B4A8A5
- 978C8A
- 7A716F
- 5E5756
- 443E3D
- 2B2727
- 141212
- 030302
Tonos
- E7D8D5
- DBCECB
- CFC4C2
- C3BAB8
- B8B0AE
- ACA6A5
- A19C9B
- 969392
- 8B8989
Armonías de color
Complementario +180°
- F3E2DF
Morningside
- D9EAED
≈ Tibetan Sky
Análogo -30° +30°
- F3E2DF
Morningside
- F2E1E6
≈ Struck by Lightning
- F1E4DA
≈ Winter Wedding
Triádico +120° +240°
- F3E2DF
Morningside
- DEEAE0
≈ Pine Frost
- E1E6F4
≈ Crystal Falls
Complementario dividido +150° +210°
- F3E2DF
Morningside
- DAEBE7
≈ Reduced Turquoise
- DBE9F2
≈ Azureish White
Tetrádico +90° +180° +270°
- F3E2DF
Morningside
- E5E8DA
≈ Spinach White
- D9EAED
≈ Tibetan Sky
- E8E4F2
≈ Modest Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.75:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.75:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--morningside: #f3e2df;
--morningside-rgb: 243 226 223;
--morningside-oklch: oklch(0.926 0.019 29.6);
}
.element {
color: var(--morningside);
background-color: hsl(9 45% 91%);
border-color: oklch(0.926 0.019 29.6);
}Tailwind CSS v4
@theme {
--color-morningside: #f3e2df;
--color-morningside-50: #fbf3f2;
--color-morningside-100: #eee6e4;
--color-morningside-200: #dcd1cf;
--color-morningside-300: #c1b4b1;
--color-morningside-400: #a99a98;
--color-morningside-500: #93827f;
--color-morningside-600: #7c6e6b;
--color-morningside-700: #635856;
--color-morningside-800: #49403f;
--color-morningside-900: #322c2b;
--color-morningside-950: #1e1918;
}SCSS
$morningside: #f3e2df;
$morningside-rgb: 243, 226, 223;
$morningside-light: mix(#fff, $morningside, 20%);
$morningside-dark: mix(#000, $morningside, 20%);
.element {
color: $morningside;
box-shadow: 0 0 0 2px rgba($morningside, 0.35);
}