Adlandırılmış renk · #ED24ED
Magenta Fizz
Magenta Fizz, #ED24ED: rgb(237 36 237), hsl(300 85% 54%), oklch(0.673 0.293 328.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Magenta Fizz color name →
#ED24ED
oklch(0.673 0.293 328.2)
Renk dönüşümleri
- HEX
- #ed24ed
- RGB
- rgb(237 36 237)
- HSL
- hsl(300 85% 54%)
- HWB
- hwb(300 14% 7%)
- OKLCH
- oklch(0.673 0.293 328.2)
- OKLab
- oklab(0.673 0.249 -0.154)
- CIE Lab
- lab(57.31 84.96 -55.26)
- LCH
- lch(57.31 101.35 327)
- CMYK
- cmyk(0% 85% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F14CF0
- F567F3
- F87EF5
- FB92F7
- FDA6F9
- FEB8FB
- FFCAFC
- FFDCFD
- FFEEFE
Koyu tonlar
- CE1ECE
- B018B0
- 931293
- 770C77
- 5C075C
- 420442
- 2A022A
- 140014
- 030003
Gri tonlar
- E33CE2
- D94BD7
- CF56CD
- C460C2
- BA67B7
- AF6EAC
- A473A1
- 987896
- 8D7C8B
Renk uyumları
Tamamlayıcı +180°
- ED24ED
Magenta Fizz
- 00B44A
≈ Billiards Cloth
Analog -30° +30°
- ED24ED
Magenta Fizz
- A873FF
≈ Purple Illusionist
- FF3995
≈ French Fuchsia
Üçlü +120° +240°
- ED24ED
Magenta Fizz
- B99000
≈ Moutarde de Bénichon
- 00A9BB
≈ Bluebird
Bölünmüş tamamlayıcı +150° +210°
- ED24ED
Magenta Fizz
- 8EA200
≈ Noxious
- 00AE96
≈ Hobgoblin
Dörtlü +90° +180° +270°
- ED24ED
Magenta Fizz
- DD7800
≈ Orange Outburst
- 00B44A
≈ Billiards Cloth
- 00A1E7
≈ Button Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.45:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.07:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.07:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--magenta-fizz: #ed24ed;
--magenta-fizz-rgb: 237 36 237;
--magenta-fizz-oklch: oklch(0.673 0.293 328.2);
}
.element {
color: var(--magenta-fizz);
background-color: hsl(300 85% 54%);
border-color: oklch(0.673 0.293 328.2);
}Tailwind CSS v4
@theme {
--color-magenta-fizz: #ed24ed;
--color-magenta-fizz-50: #ffd7ff;
--color-magenta-fizz-100: #ffc3ff;
--color-magenta-fizz-200: #ffa2ff;
--color-magenta-fizz-300: #ff74fc;
--color-magenta-fizz-400: #f340f2;
--color-magenta-fizz-500: #e100e3;
--color-magenta-fizz-600: #be00c0;
--color-magenta-fizz-700: #99009a;
--color-magenta-fizz-800: #710076;
--color-magenta-fizz-900: #4f0053;
--color-magenta-fizz-950: #340038;
}SCSS
$magenta-fizz: #ed24ed;
$magenta-fizz-rgb: 237, 36, 237;
$magenta-fizz-light: mix(#fff, $magenta-fizz, 20%);
$magenta-fizz-dark: mix(#000, $magenta-fizz, 20%);
.element {
color: $magenta-fizz;
box-shadow: 0 0 0 2px rgba($magenta-fizz, 0.35);
}