Color con nombre más cercano · #EFDDE3
#EFDDE3
Color con nombre más cercano: Homoeopathic Red
#EFDDE3 (rgb(239 221 227), hsl(340 36% 90%), oklch(0.914 0.021 355.2)) se parece más al color con nombre Homoeopathic Red. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EFDDE3
oklch(0.914 0.021 355.2)
Conversiones de color
- HEX
- #efdde3
- RGB
- rgb(239 221 227)
- HSL
- hsl(340 36% 90%)
- HWB
- hwb(340 87% 6%)
- OKLCH
- oklch(0.914 0.021 355.2)
- OKLab
- oklab(0.914 0.021 -0.002)
- CIE Lab
- lab(89.72 7.14 -0.6)
- LCH
- lch(89.72 7.16 355.2)
- CMYK
- cmyk(0% 8% 5% 6%)
Tintes · Sombras · Tonos
Tintes
- F1E0E6
- F2E4E9
- F4E7EB
- F5EBEE
- F7EEF1
- F9F1F4
- FAF5F7
- FCF8F9
- FDFCFC
Sombras
- D0C0C5
- B1A4A8
- 94888C
- 786E71
- 5C5557
- 423D3F
- 2A2627
- 141112
- 030203
Tonos
- E3D3D9
- D8CACE
- CCC0C4
- C1B7BA
- B6ADB0
- ABA4A6
- A09B9D
- 959293
- 8B8989
Armonías de color
Complementario +180°
- EFDDE3
Homoeopathic Red
- D5E7E2
≈ Peaceful Night
Análogo -30° +30°
- EFDDE3
Homoeopathic Red
- EADEEA
≈ Lilac Frost
- F1DDDB
≈ Butterfly Kisses
Triádico +120° +240°
- EFDDE3
Homoeopathic Red
- E2E4D5
≈ Garden Pebble
- D6E5EF
≈ Snowdrift Glow
Complementario dividido +150° +210°
- EFDDE3
Homoeopathic Red
- DAE7DA
≈ Toadstool Dot
- D3E7E9
≈ Bravo Blue
Tetrádico +90° +180° +270°
- EFDDE3
Homoeopathic Red
- E9E2D3
≈ Elk Horn
- D5E7E2
≈ Peaceful Night
- DCE3F1
≈ Vaguely Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.12:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--homoeopathic-red: #efdde3;
--homoeopathic-red-rgb: 239 221 227;
--homoeopathic-red-oklch: oklch(0.914 0.021 355.2);
}
.element {
color: var(--homoeopathic-red);
background-color: hsl(340 36% 90%);
border-color: oklch(0.914 0.021 355.2);
}Tailwind CSS v4
@theme {
--color-homoeopathic-red: #efdde3;
--color-homoeopathic-red-50: #fbf3f5;
--color-homoeopathic-red-100: #eee5e8;
--color-homoeopathic-red-200: #dcd1d4;
--color-homoeopathic-red-300: #c1b3b7;
--color-homoeopathic-red-400: #a9999f;
--color-homoeopathic-red-500: #928187;
--color-homoeopathic-red-600: #7c6d72;
--color-homoeopathic-red-700: #63575b;
--color-homoeopathic-red-800: #493f43;
--color-homoeopathic-red-900: #322c2e;
--color-homoeopathic-red-950: #1e191b;
}SCSS
$homoeopathic-red: #efdde3;
$homoeopathic-red-rgb: 239, 221, 227;
$homoeopathic-red-light: mix(#fff, $homoeopathic-red, 20%);
$homoeopathic-red-dark: mix(#000, $homoeopathic-red, 20%);
.element {
color: $homoeopathic-red;
box-shadow: 0 0 0 2px rgba($homoeopathic-red, 0.35);
}