Color con nombre más cercano · #ECEDDD
#ECEDDD
Color con nombre más cercano: Magical Stardust
#ECEDDD (rgb(236 237 221), hsl(64 31% 90%), oklch(0.941 0.021 109.7)) se parece más al color con nombre Magical Stardust. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#ECEDDD
oklch(0.941 0.021 109.7)
Conversiones de color
- HEX
- #eceddd
- RGB
- rgb(236 237 221)
- HSL
- hsl(64 31% 90%)
- HWB
- hwb(64 87% 7%)
- OKLCH
- oklch(0.941 0.021 109.7)
- OKLab
- oklab(0.941 -0.007 0.02)
- CIE Lab
- lab(93.34 -2.4 7.66)
- LCH
- lch(93.34 8.03 107.4)
- CMYK
- cmyk(0% 0% 7% 7%)
Tintes · Sombras · Tonos
Tintes
- EEEFE0
- F0F1E4
- F2F2E7
- F4F4EB
- F5F6EE
- F7F8F1
- F9FAF5
- FBFBF8
- FDFDFC
Sombras
- CDCEC0
- AFB0A4
- 929388
- 76776E
- 5B5C55
- 42423D
- 292A26
- 131411
- 030302
Tonos
- E1E2D3
- D5D6CA
- CACBC0
- BFC0B7
- B4B5AD
- AAAAA4
- 9F9F9B
- 959592
- 8A8A89
Armonías de color
Complementario +180°
- ECEDDD
Magical Stardust
- EBE9F9
≈ Bright Dusk
Análogo -30° +30°
- ECEDDD
Magical Stardust
- F3EADC
≈ Baseball Base
- E4EFE2
≈ Molly Green
Triádico +120° +240°
- ECEDDD
Magical Stardust
- DEEFF7
≈ Diamond White
- F7E6ED
≈ Amour Frais
Complementario dividido +150° +210°
- ECEDDD
Magical Stardust
- E3ECFA
≈ Husky
- F2E7F5
≈ Perfume Haze
Tetrádico +90° +180° +270°
- ECEDDD
Magical Stardust
- DCF0F1
≈ Soar
- EBE9F9
≈ Bright Dusk
- FAE6E6
≈ Rose Sugar
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.72:1 · APCA Lc 95
Mejor color de texto: #000000
WCAG 17.72:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--magical-stardust: #eceddd;
--magical-stardust-rgb: 236 237 221;
--magical-stardust-oklch: oklch(0.941 0.021 109.7);
}
.element {
color: var(--magical-stardust);
background-color: hsl(64 31% 90%);
border-color: oklch(0.941 0.021 109.7);
}Tailwind CSS v4
@theme {
--color-magical-stardust: #eceddd;
--color-magical-stardust-50: #f5f6ef;
--color-magical-stardust-100: #e8e9e1;
--color-magical-stardust-200: #d4d5cb;
--color-magical-stardust-300: #b7b9ac;
--color-magical-stardust-400: #9fa092;
--color-magical-stardust-500: #878878;
--color-magical-stardust-600: #727365;
--color-magical-stardust-700: #5b5c51;
--color-magical-stardust-800: #43433b;
--color-magical-stardust-900: #2e2e28;
--color-magical-stardust-950: #1b1b16;
}SCSS
$magical-stardust: #eceddd;
$magical-stardust-rgb: 236, 237, 221;
$magical-stardust-light: mix(#fff, $magical-stardust, 20%);
$magical-stardust-dark: mix(#000, $magical-stardust, 20%);
.element {
color: $magical-stardust;
box-shadow: 0 0 0 2px rgba($magical-stardust, 0.35);
}