Colore con nome · #7F576D
Euphoric Magenta
Euphoric Magenta è #7F576D: rgb(127 87 109), hsl(327 19% 42%), oklch(0.507 0.061 345.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Euphoric Magenta color name →
#7F576D
oklch(0.507 0.061 345.4)
Conversioni di colore
- HEX
- #7f576d
- RGB
- rgb(127 87 109)
- HSL
- hsl(327 19% 42%)
- HWB
- hwb(327 34% 50%)
- OKLCH
- oklch(0.507 0.061 345.4)
- OKLab
- oklab(0.507 0.059 -0.015)
- CIE Lab
- lab(41.97 19.7 -5.64)
- LCH
- lch(41.97 20.49 344)
- CMYK
- cmyk(0% 31% 14% 50%)
Tinte · Ombre · Toni
Tinte
- 8C677B
- 987688
- A58796
- B197A5
- BEA8B3
- CBB9C2
- D8CAD1
- E5DBE0
- F2EDEF
Ombre
- 6E4B5E
- 5D3E4F
- 4C3341
- 3C2733
- 2D1C26
- 1F1219
- 11080D
- 060304
- 010001
Toni
- 7F5B6F
- 805F71
- 806373
- 806875
- 806C76
- 817078
- 81747A
- 80787C
- 807C7E
Armonie di colore
Complementare +180°
- 7F576D
Euphoric Magenta
- 41715D
≈ Foliage Green
Analogo -30° +30°
- 7F576D
Euphoric Magenta
- 735B7D
≈ Mystical Purple
- 85575A
≈ Flowering Chestnut
Triadico +120° +240°
- 7F576D
Euphoric Magenta
- 6A673D
≈ Jungle Civilization
- 3B6D80
≈ Bering Wave
Complementare divisa +150° +210°
- 7F576D
Euphoric Magenta
- 566D4A
≈ Graceland Grass
- 357070
≈ Jungle Noises
Tetradico +90° +180° +270°
- 7F576D
Euphoric Magenta
- 7A603C
≈ Queen Lioness
- 41715D
≈ Foliage Green
- 4D6788
≈ Luxe Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--euphoric-magenta: #7f576d;
--euphoric-magenta-rgb: 127 87 109;
--euphoric-magenta-oklch: oklch(0.507 0.061 345.4);
}
.element {
color: var(--euphoric-magenta);
background-color: hsl(327 19% 42%);
border-color: oklch(0.507 0.061 345.4);
}Tailwind CSS v4
@theme {
--color-euphoric-magenta: #7f576d;
--color-euphoric-magenta-50: #ffeef8;
--color-euphoric-magenta-100: #f8e0ec;
--color-euphoric-magenta-200: #e9cad9;
--color-euphoric-magenta-300: #d0abbd;
--color-euphoric-magenta-400: #ba90a6;
--color-euphoric-magenta-500: #a4768f;
--color-euphoric-magenta-600: #8b6479;
--color-euphoric-magenta-700: #6f5061;
--color-euphoric-magenta-800: #523a48;
--color-euphoric-magenta-900: #392832;
--color-euphoric-magenta-950: #23161e;
}SCSS
$euphoric-magenta: #7f576d;
$euphoric-magenta-rgb: 127, 87, 109;
$euphoric-magenta-light: mix(#fff, $euphoric-magenta, 20%);
$euphoric-magenta-dark: mix(#000, $euphoric-magenta, 20%);
.element {
color: $euphoric-magenta;
box-shadow: 0 0 0 2px rgba($euphoric-magenta, 0.35);
}