Colore con nome · #D767AD
Mega Magenta
Mega Magenta è #D767AD: rgb(215 103 173), hsl(323 58% 62%), oklch(0.669 0.162 344). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Mega Magenta color name →
#D767AD
oklch(0.669 0.162 344)
Conversioni di colore
- HEX
- #d767ad
- RGB
- rgb(215 103 173)
- HSL
- hsl(323 58% 62%)
- HWB
- hwb(323 40% 16%)
- OKLCH
- oklch(0.669 0.162 344)
- OKLab
- oklab(0.669 0.155 -0.045)
- CIE Lab
- lab(59.32 50.82 -16.15)
- LCH
- lch(59.32 53.32 342.4)
- CMYK
- cmyk(0% 52% 20% 16%)
Tinte · Ombre · Toni
Tinte
- DD77B5
- E287BD
- E796C5
- EBA5CE
- EFB4D6
- F3C3DE
- F7D2E6
- FAE1EE
- FDF0F7
Ombre
- BB5996
- 9F4B7F
- 853D6A
- 6B3055
- 522341
- 3B172D
- 250C1B
- 11040B
- 020001
Toni
- CF6BA8
- C76EA4
- BF71A0
- B6749B
- AE7797
- A57992
- 9C7B8E
- 937D89
- 8A7F85
Armonie di colore
Complementare +180°
- D767AD
Mega Magenta
- 00AF7D
≈ Bright Camouflage
Analogo -30° +30°
- D767AD
Mega Magenta
- B873D9
≈ Lavender
- E66476
≈ Cherry Static
Triadico +120° +240°
- D767AD
Mega Magenta
- A49800
≈ Nuclear Fallout
- 00A4CE
≈ Charybdis
Complementare divisa +150° +210°
- D767AD
Mega Magenta
- 69A936
≈ Leaf
- 00AAA9
≈ Jade Orchid
Tetradico +90° +180° +270°
- D767AD
Mega Magenta
- C88500
≈ Bubonic Brown
- 00AF7D
≈ Bright Camouflage
- 4496F5
≈ Polar Glow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.26:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.43:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--mega-magenta: #d767ad;
--mega-magenta-rgb: 215 103 173;
--mega-magenta-oklch: oklch(0.669 0.162 344);
}
.element {
color: var(--mega-magenta);
background-color: hsl(323 58% 62%);
border-color: oklch(0.669 0.162 344);
}Tailwind CSS v4
@theme {
--color-mega-magenta: #d767ad;
--color-mega-magenta-50: #ffe3ff;
--color-mega-magenta-100: #ffd3f3;
--color-mega-magenta-200: #ffb8e3;
--color-mega-magenta-300: #f394c9;
--color-mega-magenta-400: #df74b6;
--color-mega-magenta-500: #cc51a0;
--color-mega-magenta-600: #ac4687;
--color-mega-magenta-700: #8a376c;
--color-mega-magenta-800: #662752;
--color-mega-magenta-900: #481a39;
--color-mega-magenta-950: #2f0a23;
}SCSS
$mega-magenta: #d767ad;
$mega-magenta-rgb: 215, 103, 173;
$mega-magenta-light: mix(#fff, $mega-magenta, 20%);
$mega-magenta-dark: mix(#000, $mega-magenta, 20%);
.element {
color: $mega-magenta;
box-shadow: 0 0 0 2px rgba($mega-magenta, 0.35);
}