Cor nomeada mais próxima · #EFDCE1
#EFDCE1
Cor nomeada mais próxima: Homoeopathic Red
#EFDCE1 (rgb(239 220 225), hsl(344 37% 90%), oklch(0.911 0.022 359.7)) é mais próxima da cor nomeada Homoeopathic Red. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EFDCE1
oklch(0.911 0.022 359.7)
Conversões de cor
- HEX
- #efdce1
- RGB
- rgb(239 220 225)
- HSL
- hsl(344 37% 90%)
- HWB
- hwb(344 86% 6%)
- OKLCH
- oklch(0.911 0.022 359.7)
- OKLab
- oklab(0.911 0.022 0)
- CIE Lab
- lab(89.43 7.37 0.03)
- LCH
- lch(89.43 7.37 0.2)
- CMYK
- cmyk(0% 8% 6% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1DFE4
- F2E3E7
- F4E6EA
- F6EAED
- F7EDF0
- F9F1F3
- FAF4F6
- FCF8F9
- FDFBFC
Sombras
- D0BFC4
- B1A3A7
- 94888B
- 786E70
- 5C5456
- 423C3E
- 2A2627
- 141112
- 030202
Tons
- E3D2D7
- D8C9CD
- CCBFC3
- C1B6B9
- B6ADAF
- ABA4A6
- A09B9C
- 959293
- 8B8989
Harmonias de cor
Complementar +180°
- EFDCE1
Homoeopathic Red
- D3E7E2
≈ Plateau
Análoga -30° +30°
- EFDCE1
Homoeopathic Red
- EADDE9
≈ Sprinkle
- F0DDD9
≈ Slightly Peach
Tríade +120° +240°
- EFDCE1
Homoeopathic Red
- E0E4D4
≈ Greening
- D5E4EF
≈ Snowdrift Glow
Complementar dividida +150° +210°
- EFDCE1
Homoeopathic Red
- D8E6DA
≈ Toadstool Dot
- D2E6EA
≈ Blue Phlox
Tétrade +90° +180° +270°
- EFDCE1
Homoeopathic Red
- E7E1D2
≈ Canterbury Cream
- D3E7E2
≈ Plateau
- DCE1F1
≈ Vaguely Violet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 15.99:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--homoeopathic-red: #efdce1;
--homoeopathic-red-rgb: 239 220 225;
--homoeopathic-red-oklch: oklch(0.911 0.022 359.7);
}
.element {
color: var(--homoeopathic-red);
background-color: hsl(344 37% 90%);
border-color: oklch(0.911 0.022 359.7);
}Tailwind CSS v4
@theme {
--color-homoeopathic-red: #efdce1;
--color-homoeopathic-red-50: #fbf3f5;
--color-homoeopathic-red-100: #efe5e7;
--color-homoeopathic-red-200: #ddd1d3;
--color-homoeopathic-red-300: #c2b3b6;
--color-homoeopathic-red-400: #aa999e;
--color-homoeopathic-red-500: #938085;
--color-homoeopathic-red-600: #7d6d71;
--color-homoeopathic-red-700: #64575a;
--color-homoeopathic-red-800: #493f42;
--color-homoeopathic-red-900: #332c2e;
--color-homoeopathic-red-950: #1e191b;
}SCSS
$homoeopathic-red: #efdce1;
$homoeopathic-red-rgb: 239, 220, 225;
$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);
}