Color con nombre · #FFE8F4
Fairy Dust
Fairy Dust es #FFE8F4: rgb(255 232 244), hsl(329 100% 95%), oklch(0.953 0.029 344.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Fairy Dust color name →
#FFE8F4
oklch(0.953 0.029 344.8)
Conversiones de color
- HEX
- #ffe8f4
- RGB
- rgb(255 232 244)
- HSL
- hsl(329 100% 95%)
- HWB
- hwb(329 91% 0%)
- OKLCH
- oklch(0.953 0.029 344.8)
- OKLab
- oklab(0.953 0.028 -0.008)
- CIE Lab
- lab(94.13 9.59 -2.84)
- LCH
- lch(94.13 10 343.5)
- CMYK
- cmyk(0% 9% 4% 0%)
Tintes · Sombras · Tonos
Tintes
- FFEAF5
- FFEDF6
- FFEFF7
- FFF1F8
- FFF4F9
- FFF6FB
- FFF8FC
- FFFAFD
- FFFDFE
Sombras
- DECAD4
- BEACB5
- 9E9097
- 80747A
- 63595E
- 484044
- 2E292B
- 161314
- 030303
Tonos
- F2DDE8
- E4D2DC
- D7C8D0
- CABDC4
- BEB3B8
- B1A8AD
- A49EA1
- 989496
- 8C8A8B
Armonías de color
Complementario +180°
- FFE8F4
Fairy Dust
- DEF6EA
≈ Treacherous Blizzard
Análogo -30° +30°
- FFE8F4
Fairy Dust
- F7EAFE
≈ Placebo Fuchsia
- FFE9EA
≈ Pink Sparkle
Triádico +120° +240°
- FFE8F4
Fairy Dust
- F2F1DB
≈ Hazy Grove
- DCF4FF
≈ Wizard White
Complementario dividido +150° +210°
- FFE8F4
Fairy Dust
- E7F4E1
≈ Herb Garden
- DAF6F5
≈ Fishious Rend
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 18.10:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.10:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--fairy-dust: #ffe8f4;
--fairy-dust-rgb: 255 232 244;
--fairy-dust-oklch: oklch(0.953 0.029 344.8);
}
.element {
color: var(--fairy-dust);
background-color: hsl(329 100% 95%);
border-color: oklch(0.953 0.029 344.8);
}Tailwind CSS v4
@theme {
--color-fairy-dust: #ffe8f4;
--color-fairy-dust-50: #fcf2f7;
--color-fairy-dust-100: #f0e4ea;
--color-fairy-dust-200: #decfd7;
--color-fairy-dust-300: #c3b2ba;
--color-fairy-dust-400: #ac98a2;
--color-fairy-dust-500: #957f8b;
--color-fairy-dust-600: #7e6b75;
--color-fairy-dust-700: #65565e;
--color-fairy-dust-800: #4a3e45;
--color-fairy-dust-900: #332b30;
--color-fairy-dust-950: #1f181c;
}SCSS
$fairy-dust: #ffe8f4;
$fairy-dust-rgb: 255, 232, 244;
$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);
}