Nazwany kolor · #EE99FF
Party Pig
Party Pig to #EE99FF: rgb(238 153 255), hsl(290 100% 80%), oklch(0.803 0.165 320.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Party Pig color name →
#EE99FF
oklch(0.803 0.165 320.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0A4FF
- F2AEFF
- F4B9FF
- F6C3FF
- F8CDFF
- FAD7FF
- FBE1FF
- FDEBFF
- FEF5FF
Odcienie ciemniejsze
- CF84DE
- B170BE
- 935D9E
- 774A80
- 5C3863
- 422748
- 2A172E
- 140816
- 030103
Tony
- E397F2
- D895E5
- CD93D8
- C291CB
- B78EBF
- AC8CB2
- A189A5
- 968699
- 8B838C
Harmonie kolorów
Komplementarna +180°
- EE99FF
Party Pig
- 7FD870
≈ Pastel Green
Analogowa -30° +30°
- EE99FF
Party Pig
- BEB3FF
≈ Greyish Lavender
- FF9ACA
≈ Himalayan Balsam
Triada +120° +240°
- EE99FF
Party Pig
- F5B10A
≈ Limeño Limón
- 00D8E2
≈ Aztec Turquoise
Komplementarna rozszczepiona +150° +210°
- EE99FF
Party Pig
- C5C82C
≈ Key Lime Pie
- 00DFB1
≈ Lifeless Green
Tetrada +90° +180° +270°
- EE99FF
Party Pig
- FFA672
≈ Salmon Buff
- 7FD870
≈ Pastel Green
- 5FCDFF
≈ Skyan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.97:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.63:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.63:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
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);
}