Color con nombre · #FC89AC
Tickle Me Pink
Tickle Me Pink es #FC89AC: rgb(252 137 172), hsl(342 95% 76%), oklch(0.765 0.144 1.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Tickle Me Pink color name →
#FC89AC
oklch(0.765 0.144 1.6)
Conversiones de color
- HEX
- #fc89ac
- RGB
- rgb(252 137 172)
- HSL
- hsl(342 95% 76%)
- HWB
- hwb(342 54% 1%)
- OKLCH
- oklch(0.765 0.144 1.6)
- OKLab
- oklab(0.765 0.144 0.004)
- CIE Lab
- lab(70.93 47.31 2.17)
- LCH
- lch(70.93 47.36 2.6)
- CMYK
- cmyk(0% 46% 32% 1%)
Tintes · Sombras · Tonos
Tintes
- FE95B4
- FFA2BC
- FFAEC4
- FFB9CC
- FFC5D5
- FFD1DD
- FFDCE5
- FFE8EE
- FFF3F6
Sombras
- DB7695
- BB647F
- 9C5369
- 7E4254
- 623140
- 47222D
- 2D141B
- 16070B
- 030101
Tonos
- F089A7
- E489A3
- D8889F
- CB879A
- BF8796
- B38691
- A6848D
- 9A8389
- 8D8284
Armonías de color
Complementario +180°
- FC89AC
Tickle Me Pink
- 00CEB9
≈ Pristine Oceanic
Análogo -30° +30°
- FC89AC
Tickle Me Pink
- E78FDC
≈ Love Dust
- FF8E79
≈ Kissable
Triádico +120° +240°
- FC89AC
Tickle Me Pink
- A4C04F
≈ Money Banks
- 5BBCFF
≈ Hello Summer
Complementario dividido +150° +210°
- FC89AC
Tickle Me Pink
- 63CC83
≈ Spring Bouquet
- 00C8E3
≈ Picnic Day Sky
Tetrádico +90° +180° +270°
- FC89AC
Tickle Me Pink
- D4AF2D
≈ Marina Bay Sands
- 00CEB9
≈ Pristine Oceanic
- 97AEFF
≈ Widowmaker
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.31:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--tickle-me-pink: #fc89ac;
--tickle-me-pink-rgb: 252 137 172;
--tickle-me-pink-oklch: oklch(0.765 0.144 1.6);
}
.element {
color: var(--tickle-me-pink);
background-color: hsl(342 95% 76%);
border-color: oklch(0.765 0.144 1.6);
}Tailwind CSS v4
@theme {
--color-tickle-me-pink: #fc89ac;
--color-tickle-me-pink-50: #ffe5f1;
--color-tickle-me-pink-100: #ffd5e3;
--color-tickle-me-pink-200: #ffbbcd;
--color-tickle-me-pink-300: #f598af;
--color-tickle-me-pink-400: #e27798;
--color-tickle-me-pink-500: #cf567f;
--color-tickle-me-pink-600: #af4a6c;
--color-tickle-me-pink-700: #8d3b56;
--color-tickle-me-pink-800: #682a41;
--color-tickle-me-pink-900: #491c2d;
--color-tickle-me-pink-950: #300c1a;
}SCSS
$tickle-me-pink: #fc89ac;
$tickle-me-pink-rgb: 252, 137, 172;
$tickle-me-pink-light: mix(#fff, $tickle-me-pink, 20%);
$tickle-me-pink-dark: mix(#000, $tickle-me-pink, 20%);
.element {
color: $tickle-me-pink;
box-shadow: 0 0 0 2px rgba($tickle-me-pink, 0.35);
}