أقرب لون مسمّى · #A754AE
#A754AE
أقرب لون مسمّى: Fuchsia Pheromone
#A754AE (rgb(167 84 174)، hsl(295 36% 51%)، oklch(0.58 0.159 324.4)) أقرب إلى اللون المسمّى Fuchsia Pheromone. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A754AE
oklch(0.58 0.159 324.4)
تحويلات الألوان
- HEX
- #a754ae
- RGB
- rgb(167 84 174)
- HSL
- hsl(295 36% 51%)
- HWB
- hwb(295 33% 32%)
- OKLCH
- oklch(0.58 0.159 324.4)
- OKLab
- oklab(0.58 0.129 -0.092)
- CIE Lab
- lab(48.91 44.57 -33.37)
- LCH
- lch(48.91 55.68 323.2)
- CMYK
- cmyk(4% 52% 0% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B066B6
- BA77BF
- C388C7
- CC99CF
- D5AAD7
- DDBADF
- E6CBE7
- EEDDEF
- F7EEF7
درجات داكنة
- 914897
- 7B3C80
- 66316A
- 522655
- 3E1B41
- 2C112E
- 1A081C
- 0A020B
- 010001
درجات رمادية
- A45AAA
- A05FA5
- 9D64A1
- 99699C
- 956D98
- 917193
- 8D758F
- 89798A
- 857C85
تناسق الألوان
متمم +180°
- A754AE
Fuchsia Pheromone
- 2E9136
≈ Jade of Emeralds
متجاور -30° +30°
- A754AE
Fuchsia Pheromone
- 8263CD
≈ Lavish Spending
- BE4A80
≈ Nail Polish Pink
ثلاثي +120° +240°
- A754AE
Fuchsia Pheromone
- 9B7300
≈ Mesozoic Green
- 008B96
≈ Tempo Teal
متمم منقسم +150° +210°
- A754AE
Fuchsia Pheromone
- 7A8200
≈ Drably Olive
- 008F76
≈ Observatory
رباعي +90° +180° +270°
- A754AE
Fuchsia Pheromone
- BA5E00
≈ Super Leaf Brown
- 2E9136
≈ Jade of Emeralds
- 0085B7
≈ Lucario Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.64:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.52:1 · APCA Lc 30
أفضل لون للنص: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fuchsia-pheromone: #a754ae;
--fuchsia-pheromone-rgb: 167 84 174;
--fuchsia-pheromone-oklch: oklch(0.58 0.159 324.4);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(295 36% 51%);
border-color: oklch(0.58 0.159 324.4);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #a754ae;
--color-fuchsia-pheromone-50: #ffe6ff;
--color-fuchsia-pheromone-100: #ffd6ff;
--color-fuchsia-pheromone-200: #f8bdf8;
--color-fuchsia-pheromone-300: #e29ae2;
--color-fuchsia-pheromone-400: #cc7bd2;
--color-fuchsia-pheromone-500: #b85bc0;
--color-fuchsia-pheromone-600: #9b4ea2;
--color-fuchsia-pheromone-700: #7d3e82;
--color-fuchsia-pheromone-800: #5b2c62;
--color-fuchsia-pheromone-900: #401e45;
--color-fuchsia-pheromone-950: #290d2d;
}SCSS
$fuchsia-pheromone: #a754ae;
$fuchsia-pheromone-rgb: 167, 84, 174;
$fuchsia-pheromone-light: mix(#fff, $fuchsia-pheromone, 20%);
$fuchsia-pheromone-dark: mix(#000, $fuchsia-pheromone, 20%);
.element {
color: $fuchsia-pheromone;
box-shadow: 0 0 0 2px rgba($fuchsia-pheromone, 0.35);
}