Color con nombre · #94508E
Mad About Magenta
Mad About Magenta es #94508E: rgb(148 80 142), hsl(305 30% 45%), oklch(0.534 0.122 330.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Mad About Magenta color name →
#94508E
oklch(0.534 0.122 330.4)
Conversiones de color
- HEX
- #94508e
- RGB
- rgb(148 80 142)
- HSL
- hsl(305 30% 45%)
- HWB
- hwb(305 31% 42%)
- OKLCH
- oklch(0.534 0.122 330.4)
- OKLab
- oklab(0.534 0.106 -0.06)
- CIE Lab
- lab(44.2 35.84 -21.95)
- LCH
- lch(44.2 42.03 328.5)
- CMYK
- cmyk(0% 46% 4% 42%)
Tintes · Sombras · Tonos
Tintes
- 9F6199
- AA72A4
- B583AF
- C094BB
- CBA6C6
- D5B7D1
- E0C9DD
- EADBE8
- F5EDF3
Sombras
- 80447B
- 6D3968
- 5A2E56
- 482444
- 361A34
- 261024
- 160715
- 080207
- 010001
Tonos
- 93568D
- 915B8C
- 8F608A
- 8E6589
- 8C6A88
- 8A6E86
- 887385
- 857783
- 837C82
Armonías de color
Complementario +180°
- 94508E
Mad About Magenta
- 2A8045
≈ Bold Irish
Análogo -30° +30°
- 94508E
Mad About Magenta
- 795AA9
≈ Genestealer Purple
- A44B6A
≈ Ancient Fuchsia
Triádico +120° +240°
- 94508E
Mad About Magenta
- 856900
≈ Muddy Brown
- 007B8B
≈ Biscay Bay
Complementario dividido +150° +210°
- 94508E
Mad About Magenta
- 64770E
≈ Topiary Green
- 007F70
≈ Blue Green
Tetrádico +90° +180° +270°
- 94508E
Mad About Magenta
- 9F5907
≈ Sepia Wash
- 2A8045
≈ Bold Irish
- 0374AC
≈ Reef Escape
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.53:1 · APCA Lc 77
Ag
FailSobre negro
WCAG 3.79:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--mad-about-magenta: #94508e;
--mad-about-magenta-rgb: 148 80 142;
--mad-about-magenta-oklch: oklch(0.534 0.122 330.4);
}
.element {
color: var(--mad-about-magenta);
background-color: hsl(305 30% 45%);
border-color: oklch(0.534 0.122 330.4);
}Tailwind CSS v4
@theme {
--color-mad-about-magenta: #94508e;
--color-mad-about-magenta-50: #ffe9ff;
--color-mad-about-magenta-100: #ffd9fa;
--color-mad-about-magenta-200: #f4c1eb;
--color-mad-about-magenta-300: #dda0d3;
--color-mad-about-magenta-400: #c783c0;
--color-mad-about-magenta-500: #b365ac;
--color-mad-about-magenta-600: #975691;
--color-mad-about-magenta-700: #794574;
--color-mad-about-magenta-800: #593257;
--color-mad-about-magenta-900: #3e223d;
--color-mad-about-magenta-950: #271126;
}SCSS
$mad-about-magenta: #94508e;
$mad-about-magenta-rgb: 148, 80, 142;
$mad-about-magenta-light: mix(#fff, $mad-about-magenta, 20%);
$mad-about-magenta-dark: mix(#000, $mad-about-magenta, 20%);
.element {
color: $mad-about-magenta;
box-shadow: 0 0 0 2px rgba($mad-about-magenta, 0.35);
}