Cor nomeada mais próxima · #F3E2E7
#F3E2E7
Cor nomeada mais próxima: Homoeopathic Red
#F3E2E7 (rgb(243 226 231), hsl(342 41% 92%), oklch(0.928 0.02 357.6)) é 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.
#F3E2E7
oklch(0.928 0.02 357.6)
Conversões de cor
- HEX
- #f3e2e7
- RGB
- rgb(243 226 231)
- HSL
- hsl(342 41% 92%)
- HWB
- hwb(342 89% 5%)
- OKLCH
- oklch(0.928 0.02 357.6)
- OKLab
- oklab(0.928 0.02 -0.001)
- CIE Lab
- lab(91.37 6.63 -0.24)
- LCH
- lch(91.37 6.63 357.9)
- CMYK
- cmyk(0% 7% 5% 5%)
Tons claros · Sombras · Tons
Tons claros
- F4E5E9
- F5E8EC
- F7EBEE
- F8EEF1
- F9F0F3
- FAF3F5
- FBF6F8
- FDF9FA
- FEFCFD
Sombras
- D3C4C9
- B4A8AB
- 978C8F
- 7A7173
- 5E5759
- 443E40
- 2B2728
- 141213
- 030303
Tons
- E7D8DC
- DBCED2
- CFC4C7
- C3BABC
- B8B0B2
- ACA6A8
- A19C9E
- 969394
- 8B898A
Harmonias de cor
Complementar +180°
- F3E2E7
Homoeopathic Red
- DAECE7
≈ Reduced Turquoise
Análoga -30° +30°
- F3E2E7
Homoeopathic Red
- EFE3EE
≈ Faded Fuchsia
- F4E3E0
≈ Pearly
Tríade +120° +240°
- F3E2E7
Homoeopathic Red
- E6E9DB
≈ Shy Green
- DCE9F3
≈ Azureish White
Complementar dividida +150° +210°
- F3E2E7
Homoeopathic Red
- DFEBE0
≈ Pastel Smirk
- D9EBEE
≈ Frost Wind
Tétrade +90° +180° +270°
- F3E2E7
Homoeopathic Red
- EDE7D9
≈ Jelly Yoghurt
- DAECE7
≈ Reduced Turquoise
- E1E7F5
≈ Crystal Falls
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.84:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--homoeopathic-red: #f3e2e7;
--homoeopathic-red-rgb: 243 226 231;
--homoeopathic-red-oklch: oklch(0.928 0.02 357.6);
}
.element {
color: var(--homoeopathic-red);
background-color: hsl(342 41% 92%);
border-color: oklch(0.928 0.02 357.6);
}Tailwind CSS v4
@theme {
--color-homoeopathic-red: #f3e2e7;
--color-homoeopathic-red-50: #faf3f5;
--color-homoeopathic-red-100: #eee5e7;
--color-homoeopathic-red-200: #dcd1d4;
--color-homoeopathic-red-300: #c1b3b7;
--color-homoeopathic-red-400: #a99a9e;
--color-homoeopathic-red-500: #928186;
--color-homoeopathic-red-600: #7b6d71;
--color-homoeopathic-red-700: #63575b;
--color-homoeopathic-red-800: #484043;
--color-homoeopathic-red-900: #322c2e;
--color-homoeopathic-red-950: #1e191b;
}SCSS
$homoeopathic-red: #f3e2e7;
$homoeopathic-red-rgb: 243, 226, 231;
$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);
}