Couleur nommée · #EE99FF
Party Pig
Party Pig correspond à #EE99FF : rgb(238 153 255), hsl(290 100% 80%), oklch(0.803 0.165 320.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Party Pig color name →
#EE99FF
oklch(0.803 0.165 320.8)
Conversions de couleur
- HEX
- #ee99ff
- RGB
- rgb(238 153 255)
- HSL
- hsl(290 100% 80%)
- HWB
- hwb(290 60% 0%)
- OKLCH
- oklch(0.803 0.165 320.8)
- OKLab
- oklab(0.803 0.128 -0.104)
- CIE Lab
- lab(74.78 44.55 -37.82)
- LCH
- lch(74.78 58.44 319.7)
- CMYK
- cmyk(7% 40% 0% 0%)
Teintes · Ombres · Tons
Teintes
- F0A4FF
- F2AEFF
- F4B9FF
- F6C3FF
- F8CDFF
- FAD7FF
- FBE1FF
- FDEBFF
- FEF5FF
Ombres
- CF84DE
- B170BE
- 935D9E
- 774A80
- 5C3863
- 422748
- 2A172E
- 140816
- 030103
Tons
- E397F2
- D895E5
- CD93D8
- C291CB
- B78EBF
- AC8CB2
- A189A5
- 968699
- 8B838C
Harmonies de couleurs
Complémentaire +180°
- EE99FF
Party Pig
- 7FD870
≈ Pastel Green
Analogue -30° +30°
- EE99FF
Party Pig
- BEB3FF
≈ Greyish Lavender
- FF9ACA
≈ Himalayan Balsam
Triadique +120° +240°
- EE99FF
Party Pig
- F5B10A
≈ Limeño Limón
- 00D8E2
≈ Aztec Turquoise
Complémentaire divisée +150° +210°
- EE99FF
Party Pig
- C5C82C
≈ Key Lime Pie
- 00DFB1
≈ Lifeless Green
Tétradique +90° +180° +270°
- EE99FF
Party Pig
- FFA672
≈ Salmon Buff
- 7FD870
≈ Pastel Green
- 5FCDFF
≈ Skyan
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.97:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.63:1 · APCA Lc 65
Meilleure couleur de texte: #000000
WCAG 10.63:1 (AAA) · APCA Lc 65
Contrast pairs
Extraits de code
CSS
:root {
--party-pig: #ee99ff;
--party-pig-rgb: 238 153 255;
--party-pig-oklch: oklch(0.803 0.165 320.8);
}
.element {
color: var(--party-pig);
background-color: hsl(290 100% 80%);
border-color: oklch(0.803 0.165 320.8);
}Tailwind CSS v4
@theme {
--color-party-pig: #ee99ff;
--color-party-pig-50: #ffe6ff;
--color-party-pig-100: #ffd6ff;
--color-party-pig-200: #f6bdfe;
--color-party-pig-300: #e09ae8;
--color-party-pig-400: #c97bd9;
--color-party-pig-500: #b55ac7;
--color-party-pig-600: #994da8;
--color-party-pig-700: #7b3e87;
--color-party-pig-800: #5a2c66;
--color-party-pig-900: #3f1e48;
--color-party-pig-950: #280d2f;
}SCSS
$party-pig: #ee99ff;
$party-pig-rgb: 238, 153, 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);
}