Couleur nommée la plus proche · #F194FF
#F194FF
Couleur nommée la plus proche: Party Pig
#F194FF (rgb(241 148 255), hsl(292 100% 79%), oklch(0.799 0.175 322.2)) est la plus proche de la couleur nommée Party Pig. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F194FF
oklch(0.799 0.175 322.2)
Conversions de couleur
- HEX
- #f194ff
- RGB
- rgb(241 148 255)
- HSL
- hsl(292 100% 79%)
- HWB
- hwb(292 58% 0%)
- OKLCH
- oklch(0.799 0.175 322.2)
- OKLab
- oklab(0.799 0.138 -0.107)
- CIE Lab
- lab(74.1 47.93 -38.83)
- LCH
- lch(74.1 61.68 321)
- CMYK
- cmyk(5% 42% 0% 0%)
Teintes · Ombres · Tons
Teintes
- F3A0FF
- F5ABFF
- F7B6FF
- F8C0FF
- FACBFF
- FBD6FF
- FCE0FF
- FDEAFF
- FEF5FF
Ombres
- D280DE
- B36DBE
- 955A9E
- 794880
- 5D3663
- 432648
- 2B162E
- 140816
- 030103
Tons
- E693F2
- DA91E5
- CF90D8
- C48ECB
- B88CBF
- AD8AB2
- A288A5
- 978599
- 8B838C
Harmonies de couleurs
Complémentaire +180°
- F194FF
Party Pig
- 75D96C
≈ Pastel Green
Analogue -30° +30°
- F194FF
Party Pig
- BFB0FF
≈ Winterspring Lilac
- FF98C6
≈ Himalayan Balsam
Triadique +120° +240°
- F194FF
Party Pig
- F1B100
≈ Bellagio Gold
- 00D6E3
≈ Aztec Turquoise
Complémentaire divisée +150° +210°
- F194FF
Party Pig
- C1C710
≈ Key Lime Pie
- 00DDB2
≈ Lifeless Green
Tétradique +90° +180° +270°
- F194FF
Party Pig
- FFA46B
≈ Baby Melon
- 75D96C
≈ Pastel Green
- 5FCBFF
≈ Skyan
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.01:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.42:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.42:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--party-pig: #f194ff;
--party-pig-rgb: 241 148 255;
--party-pig-oklch: oklch(0.799 0.175 322.2);
}
.element {
color: var(--party-pig);
background-color: hsl(292 100% 79%);
border-color: oklch(0.799 0.175 322.2);
}Tailwind CSS v4
@theme {
--color-party-pig: #f194ff;
--color-party-pig-50: #ffe5ff;
--color-party-pig-100: #ffd5ff;
--color-party-pig-200: #fabbfe;
--color-party-pig-300: #e397e9;
--color-party-pig-400: #cd77da;
--color-party-pig-500: #ba55c9;
--color-party-pig-600: #9d49aa;
--color-party-pig-700: #7e3a88;
--color-party-pig-800: #5c2a67;
--color-party-pig-900: #401c48;
--color-party-pig-950: #290c2f;
}SCSS
$party-pig: #f194ff;
$party-pig-rgb: 241, 148, 255;
$party-pig-light: mix(#fff, $party-pig, 20%);
$party-pig-dark: mix(#000, $party-pig, 20%);
.element {
color: $party-pig;
box-shadow: 0 0 0 2px rgba($party-pig, 0.35);
}