Adlandırılmış renk · #94508E
Mad About Magenta
Mad About Magenta, #94508E: rgb(148 80 142), hsl(305 30% 45%), oklch(0.534 0.122 330.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Mad About Magenta color name →
#94508E
oklch(0.534 0.122 330.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9F6199
- AA72A4
- B583AF
- C094BB
- CBA6C6
- D5B7D1
- E0C9DD
- EADBE8
- F5EDF3
Koyu tonlar
- 80447B
- 6D3968
- 5A2E56
- 482444
- 361A34
- 261024
- 160715
- 080207
- 010001
Gri tonlar
- 93568D
- 915B8C
- 8F608A
- 8E6589
- 8C6A88
- 8A6E86
- 887385
- 857783
- 837C82
Renk uyumları
Tamamlayıcı +180°
- 94508E
Mad About Magenta
- 2A8045
≈ Bold Irish
Analog -30° +30°
- 94508E
Mad About Magenta
- 795AA9
≈ Genestealer Purple
- A44B6A
≈ Ancient Fuchsia
Üçlü +120° +240°
- 94508E
Mad About Magenta
- 856900
≈ Muddy Brown
- 007B8B
≈ Biscay Bay
Bölünmüş tamamlayıcı +150° +210°
- 94508E
Mad About Magenta
- 64770E
≈ Topiary Green
- 007F70
≈ Blue Green
Dörtlü +90° +180° +270°
- 94508E
Mad About Magenta
- 9F5907
≈ Sepia Wash
- 2A8045
≈ Bold Irish
- 0374AC
≈ Reef Escape
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.53:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.79:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}