Color con nombre más cercano · #FDE9F5
#FDE9F5
Color con nombre más cercano: Fairy Dust
#FDE9F5 (rgb(253 233 245), hsl(324 83% 95%), oklch(0.953 0.027 340.9)) se parece más al color con nombre Fairy Dust. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FDE9F5
oklch(0.953 0.027 340.9)
Conversiones de color
- HEX
- #fde9f5
- RGB
- rgb(253 233 245)
- HSL
- hsl(324 83% 95%)
- HWB
- hwb(324 91% 1%)
- OKLCH
- oklch(0.953 0.027 340.9)
- OKLab
- oklab(0.953 0.025 -0.009)
- CIE Lab
- lab(94.23 8.54 -3.24)
- LCH
- lch(94.23 9.13 339.2)
- CMYK
- cmyk(0% 8% 3% 1%)
Tintes · Sombras · Tonos
Tintes
- FDEBF6
- FDEDF7
- FEF0F8
- FEF2F9
- FEF4FA
- FEF6FB
- FFF8FC
- FFFBFD
- FFFDFE
Sombras
- DCCBD5
- BCADB6
- 9D9098
- 7F747B
- 625A5F
- 474144
- 2D292B
- 161315
- 030303
Tonos
- F0DEE9
- E3D3DD
- D6C8D0
- C9BEC5
- BDB3B9
- B0A9AD
- A49EA2
- 989496
- 8C8A8B
Armonías de color
Complementario +180°
- FDE9F5
Fairy Dust
- E1F6EA
≈ Frozen Civilization
Análogo -30° +30°
- FDE9F5
Fairy Dust
- F5EBFD
≈ Placebo Fuchsia
- FFEAEC
≈ Pink Lemonade
Triádico +120° +240°
- FDE9F5
Fairy Dust
- F3F1DC
≈ Hazy Grove
- DDF4FC
≈ Coastal Breeze
Complementario dividido +150° +210°
- FDE9F5
Fairy Dust
- E9F4E1
≈ Herb Garden
- DCF6F4
≈ Fishious Rend
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.15:1 · APCA Lc 7
Ag
AAASobre negro
WCAG 18.15:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--fairy-dust: #fde9f5;
--fairy-dust-rgb: 253 233 245;
--fairy-dust-oklch: oklch(0.953 0.027 340.9);
}
.element {
color: var(--fairy-dust);
background-color: hsl(324 83% 95%);
border-color: oklch(0.953 0.027 340.9);
}Tailwind CSS v4
@theme {
--color-fairy-dust: #fde9f5;
--color-fairy-dust-50: #fbf2f7;
--color-fairy-dust-100: #efe4ea;
--color-fairy-dust-200: #ddd0d7;
--color-fairy-dust-300: #c2b2bb;
--color-fairy-dust-400: #aa99a3;
--color-fairy-dust-500: #93808b;
--color-fairy-dust-600: #7c6c76;
--color-fairy-dust-700: #64565e;
--color-fairy-dust-800: #493f45;
--color-fairy-dust-900: #332b30;
--color-fairy-dust-950: #1e191c;
}SCSS
$fairy-dust: #fde9f5;
$fairy-dust-rgb: 253, 233, 245;
$fairy-dust-light: mix(#fff, $fairy-dust, 20%);
$fairy-dust-dark: mix(#000, $fairy-dust, 20%);
.element {
color: $fairy-dust;
box-shadow: 0 0 0 2px rgba($fairy-dust, 0.35);
}