Color con nombre · #7F576D
Euphoric Magenta
Euphoric Magenta es #7F576D: rgb(127 87 109), hsl(327 19% 42%), oklch(0.507 0.061 345.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Euphoric Magenta color name →
#7F576D
oklch(0.507 0.061 345.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 8C677B
- 987688
- A58796
- B197A5
- BEA8B3
- CBB9C2
- D8CAD1
- E5DBE0
- F2EDEF
Sombras
- 6E4B5E
- 5D3E4F
- 4C3341
- 3C2733
- 2D1C26
- 1F1219
- 11080D
- 060304
- 010001
Tonos
- 7F5B6F
- 805F71
- 806373
- 806875
- 806C76
- 817078
- 81747A
- 80787C
- 807C7E
Armonías de color
Complementario +180°
- 7F576D
Euphoric Magenta
- 41715D
≈ Foliage Green
Análogo -30° +30°
- 7F576D
Euphoric Magenta
- 735B7D
≈ Mystical Purple
- 85575A
≈ Flowering Chestnut
Triádico +120° +240°
- 7F576D
Euphoric Magenta
- 6A673D
≈ Jungle Civilization
- 3B6D80
≈ Bering Wave
Complementario dividido +150° +210°
- 7F576D
Euphoric Magenta
- 566D4A
≈ Graceland Grass
- 357070
≈ Jungle Noises
Tetrádico +90° +180° +270°
- 7F576D
Euphoric Magenta
- 7A603C
≈ Queen Lioness
- 41715D
≈ Foliage Green
- 4D6788
≈ Luxe Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.48:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
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);
}