Colore con nome · #FF00AA
Ms. Pac-Man Kiss
Ms. Pac-Man Kiss è #FF00AA: rgb(255 0 170), hsl(320 100% 50%), oklch(0.66 0.276 349.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Ms. Pac-Man Kiss color name →
#FF00AA
oklch(0.66 0.276 349.7)
Conversioni di colore
- HEX
- #ff00aa
- RGB
- rgb(255 0 170)
- HSL
- hsl(320 100% 50%)
- HWB
- hwb(320 0% 0%)
- OKLCH
- oklch(0.66 0.276 349.7)
- OKLab
- oklab(0.66 0.271 -0.049)
- CIE Lab
- lab(56.77 86.31 -17.44)
- LCH
- lch(56.77 88.05 348.6)
- CMYK
- cmyk(0% 100% 33% 0%)
Tinte · Ombre · Toni
Tinte
- FF40B2
- FF5EBB
- FF76C3
- FF8CCC
- FFA1D4
- FFB4DD
- FFC7E5
- FFDAEE
- FFEDF6
Ombre
- DE0093
- BE007D
- 9E0068
- 800053
- 63003F
- 48002D
- 2E001B
- 16000B
- 030001
Toni
- F42EA6
- E842A2
- DD4F9E
- D15A99
- C56395
- B86A91
- AB718D
- 9E7689
- 907C84
Armonie di colore
Complementare +180°
- FF00AA
Ms. Pac-Man Kiss
- 00AB85
≈ Simply Green
Analogo -30° +30°
- FF00AA
Ms. Pac-Man Kiss
- D63BF8
≈ Epink
- FF3C55
≈ Sizzling Red
Triadico +120° +240°
- FF00AA
Ms. Pac-Man Kiss
- 999900
≈ Papyrus
- 00A0D2
≈ Structural Blue
Complementare divisa +150° +210°
- FF00AA
Ms. Pac-Man Kiss
- 38AE00
≈ Candy Grass
- 00A6AD
≈ Blue Bolero
Tetradico +90° +180° +270°
- FF00AA
Ms. Pac-Man Kiss
- BE8700
≈ Kenyan Sand
- 00AB85
≈ Simply Green
- 498EFF
≈ Bleuchâtel Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.60:1 · APCA Lc 61
Ag
AASu nero
WCAG 5.83:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 5.83:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--ms-pac-man-kiss: #ff00aa;
--ms-pac-man-kiss-rgb: 255 0 170;
--ms-pac-man-kiss-oklch: oklch(0.66 0.276 349.7);
}
.element {
color: var(--ms-pac-man-kiss);
background-color: hsl(320 100% 50%);
border-color: oklch(0.66 0.276 349.7);
}Tailwind CSS v4
@theme {
--color-ms-pac-man-kiss: #ff00aa;
--color-ms-pac-man-kiss-50: #ffd5fe;
--color-ms-pac-man-kiss-100: #ffc1f2;
--color-ms-pac-man-kiss-200: #ff9fe1;
--color-ms-pac-man-kiss-300: #ff6fc7;
--color-ms-pac-man-kiss-400: #ff37b6;
--color-ms-pac-man-kiss-500: #f900a0;
--color-ms-pac-man-kiss-600: #d20087;
--color-ms-pac-man-kiss-700: #a9006c;
--color-ms-pac-man-kiss-800: #7d0053;
--color-ms-pac-man-kiss-900: #59003a;
--color-ms-pac-man-kiss-950: #3c0024;
}SCSS
$ms-pac-man-kiss: #ff00aa;
$ms-pac-man-kiss-rgb: 255, 0, 170;
$ms-pac-man-kiss-light: mix(#fff, $ms-pac-man-kiss, 20%);
$ms-pac-man-kiss-dark: mix(#000, $ms-pac-man-kiss, 20%);
.element {
color: $ms-pac-man-kiss;
box-shadow: 0 0 0 2px rgba($ms-pac-man-kiss, 0.35);
}