Color con nombre · #FCEBF4
Placebo Magenta
Placebo Magenta es #FCEBF4: rgb(252 235 244), hsl(328 74% 95%), oklch(0.956 0.022 344.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Placebo Magenta color name →
#FCEBF4
oklch(0.956 0.022 344.2)
Conversiones de color
- HEX
- #fcebf4
- RGB
- rgb(252 235 244)
- HSL
- hsl(328 74% 95%)
- HWB
- hwb(328 92% 1%)
- OKLCH
- oklch(0.956 0.022 344.2)
- OKLab
- oklab(0.956 0.021 -0.006)
- CIE Lab
- lab(94.61 7.09 -2.18)
- LCH
- lch(94.61 7.42 342.9)
- CMYK
- cmyk(0% 7% 3% 1%)
Tintes · Sombras · Tonos
Tintes
- FCEDF5
- FDEFF6
- FDF1F7
- FDF3F8
- FEF5F9
- FEF7FB
- FEF9FC
- FEFBFD
- FFFDFE
Sombras
- DBCCD4
- BBAEB5
- 9C9197
- 7E757A
- 625B5E
- 474144
- 2D292B
- 161314
- 030303
Tonos
- EFE0E8
- E2D5DC
- D5CAD0
- C9BFC4
- BCB4B8
- B0A9AD
- A49FA1
- 989496
- 8C8A8B
Armonías de color
Complementario +180°
- FCEBF4
Placebo Magenta
- E4F5ED
≈ Frosty Mint
Análogo -30° +30°
- FCEBF4
Placebo Magenta
- F6ECFB
≈ Placebo Fuchsia
- FFEBEC
≈ Pink Lemonade
Triádico +120° +240°
- FCEBF4
Placebo Magenta
- F2F2E1
≈ Desert Iguana
- E2F4FC
≈ Coastal Breeze
Complementario dividido +150° +210°
- FCEBF4
Placebo Magenta
- EBF4E5
≈ Floaty Bubble
- E1F5F5
≈ Coastal Breeze
Tetrádico +90° +180° +270°
- FCEBF4
Placebo Magenta
- FAEFE1
≈ Chenille White
- E4F5ED
≈ Frosty Mint
- E7F2FF
≈ Cotton Boll
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.32:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.32:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--placebo-magenta: #fcebf4;
--placebo-magenta-rgb: 252 235 244;
--placebo-magenta-oklch: oklch(0.956 0.022 344.2);
}
.element {
color: var(--placebo-magenta);
background-color: hsl(328 74% 95%);
border-color: oklch(0.956 0.022 344.2);
}Tailwind CSS v4
@theme {
--color-placebo-magenta: #fcebf4;
--color-placebo-magenta-50: #faf3f6;
--color-placebo-magenta-100: #eee5e9;
--color-placebo-magenta-200: #dcd1d6;
--color-placebo-magenta-300: #c0b3ba;
--color-placebo-magenta-400: #a89aa1;
--color-placebo-magenta-500: #91818a;
--color-placebo-magenta-600: #7b6d74;
--color-placebo-magenta-700: #62575d;
--color-placebo-magenta-800: #483f44;
--color-placebo-magenta-900: #322c2f;
--color-placebo-magenta-950: #1e191c;
}SCSS
$placebo-magenta: #fcebf4;
$placebo-magenta-rgb: 252, 235, 244;
$placebo-magenta-light: mix(#fff, $placebo-magenta, 20%);
$placebo-magenta-dark: mix(#000, $placebo-magenta, 20%);
.element {
color: $placebo-magenta;
box-shadow: 0 0 0 2px rgba($placebo-magenta, 0.35);
}