أقرب لون مسمّى · #A158AD
#A158AD
أقرب لون مسمّى: Fuchsia Pheromone
#A158AD (rgb(161 88 173)، hsl(292 34% 51%)، oklch(0.578 0.148 321.8)) أقرب إلى اللون المسمّى Fuchsia Pheromone. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A158AD
oklch(0.578 0.148 321.8)
تحويلات الألوان
- HEX
- #a158ad
- RGB
- rgb(161 88 173)
- HSL
- hsl(292 34% 51%)
- HWB
- hwb(292 35% 32%)
- OKLCH
- oklch(0.578 0.148 321.8)
- OKLab
- oklab(0.578 0.116 -0.091)
- CIE Lab
- lab(48.83 40.55 -32.98)
- LCH
- lch(48.83 52.27 320.9)
- CMYK
- cmyk(7% 49% 0% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AB69B6
- B47ABE
- BE8AC6
- C89BCF
- D1ABD7
- DABCDF
- E4CCE7
- EDDDEF
- F6EEF7
درجات داكنة
- 8B4B96
- 763F7F
- 62336A
- 4E2855
- 3C1D41
- 2A122D
- 19091B
- 09030B
- 010001
درجات رمادية
- 9E5DA9
- 9B62A4
- 9866A0
- 956A9C
- 926E97
- 8E7293
- 8B768E
- 87798A
- 847D85
تناسق الألوان
متمم +180°
- A158AD
Fuchsia Pheromone
- 3E8E36
≈ Resplendent Growth
متجاور -30° +30°
- A158AD
Fuchsia Pheromone
- 7D66C9
≈ Venus Violet
- B84F83
≈ Exuberant Pink
ثلاثي +120° +240°
- A158AD
Fuchsia Pheromone
- 9D7100
≈ Barbarian Leather
- 008B92
≈ Tempo Teal
متمم منقسم +150° +210°
- A158AD
Fuchsia Pheromone
- 7D8000
≈ Drably Olive
- 008F72
≈ Observatory
رباعي +90° +180° +270°
- A158AD
Fuchsia Pheromone
- BB5B04
≈ Dry Clay
- 3E8E36
≈ Resplendent Growth
- 0085B3
≈ Lucario Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.65:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.51:1 · APCA Lc 30
أفضل لون للنص: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fuchsia-pheromone: #a158ad;
--fuchsia-pheromone-rgb: 161 88 173;
--fuchsia-pheromone-oklch: oklch(0.578 0.148 321.8);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(292 34% 51%);
border-color: oklch(0.578 0.148 321.8);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #a158ad;
--color-fuchsia-pheromone-50: #ffe8ff;
--color-fuchsia-pheromone-100: #ffd8ff;
--color-fuchsia-pheromone-200: #f4bff8;
--color-fuchsia-pheromone-300: #dd9de2;
--color-fuchsia-pheromone-400: #c67fd2;
--color-fuchsia-pheromone-500: #b260bf;
--color-fuchsia-pheromone-600: #9652a2;
--color-fuchsia-pheromone-700: #794182;
--color-fuchsia-pheromone-800: #582f62;
--color-fuchsia-pheromone-900: #3e2045;
--color-fuchsia-pheromone-950: #270f2c;
}SCSS
$fuchsia-pheromone: #a158ad;
$fuchsia-pheromone-rgb: 161, 88, 173;
$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);
}