En yakın adlandırılmış renk · #D51AA4
#D51AA4
En yakın adlandırılmış renk: Aphroditean Fuchsia
#D51AA4 (rgb(213 26 164), hsl(316 78% 47%), oklch(0.593 0.243 342.5)) en çok Aphroditean Fuchsia adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D51AA4
oklch(0.593 0.243 342.5)
Renk dönüşümleri
- HEX
- #d51aa4
- RGB
- rgb(213 26 164)
- HSL
- hsl(316 78% 47%)
- HWB
- hwb(316 10% 16%)
- OKLCH
- oklch(0.593 0.243 342.5)
- OKLab
- oklab(0.593 0.232 -0.073)
- CIE Lab
- lab(49.25 74.49 -26.23)
- LCH
- lch(49.25 78.97 340.6)
- CMYK
- cmyk(0% 88% 23% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DC41AD
- E35CB6
- E973C0
- EE88C9
- F39DD2
- F7B1DB
- FAC4E4
- FCD8ED
- FEEBF6
Koyu tonlar
- B9158E
- 9E1079
- 830C64
- 6A0750
- 51043D
- 3A022B
- 24011A
- 10000A
- 020001
Gri tonlar
- CE32A1
- C7419D
- BF4D9A
- B85796
- B06093
- A7678F
- 9E6E8B
- 957588
- 8B7A84
Renk uyumları
Tamamlayıcı +180°
- D51AA4
Aphroditean Fuchsia
- 009567
≈ Emerald Lake
Analog -30° +30°
- D51AA4
Aphroditean Fuchsia
- AE3CE2
≈ Magenta Affair
- E80056
≈ Howling Pink
Üçlü +120° +240°
- D51AA4
Aphroditean Fuchsia
- 8D8000
≈ Fickle Pickle
- 008CAD
≈ Algiers Blue
Bölünmüş tamamlayıcı +150° +210°
- D51AA4
Aphroditean Fuchsia
- 559100
≈ Vida Loca
- 00918E
≈ Supermint
Dörtlü +90° +180° +270°
- D51AA4
Aphroditean Fuchsia
- AB7000
≈ Cookie Dough
- 009567
≈ Emerald Lake
- 007EE4
≈ Soothing Sapphire
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.51:1 · APCA Lc 31
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--aphroditean-fuchsia: #d51aa4;
--aphroditean-fuchsia-rgb: 213 26 164;
--aphroditean-fuchsia-oklch: oklch(0.593 0.243 342.5);
}
.element {
color: var(--aphroditean-fuchsia);
background-color: hsl(316 78% 47%);
border-color: oklch(0.593 0.243 342.5);
}Tailwind CSS v4
@theme {
--color-aphroditean-fuchsia: #d51aa4;
--color-aphroditean-fuchsia-50: #ffdaff;
--color-aphroditean-fuchsia-100: #ffc7fb;
--color-aphroditean-fuchsia-200: #ffa8ed;
--color-aphroditean-fuchsia-300: #ff7dd4;
--color-aphroditean-fuchsia-400: #f852c4;
--color-aphroditean-fuchsia-500: #e600b0;
--color-aphroditean-fuchsia-600: #c20e95;
--color-aphroditean-fuchsia-700: #9c0e77;
--color-aphroditean-fuchsia-800: #74085b;
--color-aphroditean-fuchsia-900: #520640;
--color-aphroditean-fuchsia-950: #360029;
}SCSS
$aphroditean-fuchsia: #d51aa4;
$aphroditean-fuchsia-rgb: 213, 26, 164;
$aphroditean-fuchsia-light: mix(#fff, $aphroditean-fuchsia, 20%);
$aphroditean-fuchsia-dark: mix(#000, $aphroditean-fuchsia, 20%);
.element {
color: $aphroditean-fuchsia;
box-shadow: 0 0 0 2px rgba($aphroditean-fuchsia, 0.35);
}