Couleur nommée la plus proche · #FDE9F5
#FDE9F5
Couleur nommée la plus proche: Fairy Dust
#FDE9F5 (rgb(253 233 245), hsl(324 83% 95%), oklch(0.953 0.027 340.9)) est la plus proche de la couleur nommée Fairy Dust. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FDE9F5
oklch(0.953 0.027 340.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FDEBF6
- FDEDF7
- FEF0F8
- FEF2F9
- FEF4FA
- FEF6FB
- FFF8FC
- FFFBFD
- FFFDFE
Ombres
- DCCBD5
- BCADB6
- 9D9098
- 7F747B
- 625A5F
- 474144
- 2D292B
- 161315
- 030303
Tons
- F0DEE9
- E3D3DD
- D6C8D0
- C9BEC5
- BDB3B9
- B0A9AD
- A49EA2
- 989496
- 8C8A8B
Harmonies de couleurs
Complémentaire +180°
- FDE9F5
Fairy Dust
- E1F6EA
≈ Frozen Civilization
Analogue -30° +30°
- FDE9F5
Fairy Dust
- F5EBFD
≈ Placebo Fuchsia
- FFEAEC
≈ Pink Lemonade
Triadique +120° +240°
- FDE9F5
Fairy Dust
- F3F1DC
≈ Hazy Grove
- DDF4FC
≈ Coastal Breeze
Complémentaire divisée +150° +210°
- FDE9F5
Fairy Dust
- E9F4E1
≈ Herb Garden
- DCF6F4
≈ Fishious Rend
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.15:1 · APCA Lc 7
Ag
AAASur noir
WCAG 18.15:1 · APCA Lc 97
Meilleure couleur de texte: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
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);
}