أقرب لون مسمّى · #A74EC2
#A74EC2
أقرب لون مسمّى: Fuchsia Pheromone
#A74EC2 (rgb(167 78 194)، hsl(286 49% 53%)، oklch(0.583 0.188 317.6)) أقرب إلى اللون المسمّى Fuchsia Pheromone. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A74EC2
oklch(0.583 0.188 317.6)
تحويلات الألوان
- HEX
- #a74ec2
- RGB
- rgb(167 78 194)
- HSL
- hsl(286 49% 53%)
- HWB
- hwb(286 31% 24%)
- OKLCH
- oklch(0.583 0.188 317.6)
- OKLab
- oklab(0.583 0.139 -0.126)
- CIE Lab
- lab(48.67 50.37 -45.35)
- LCH
- lch(48.67 67.77 318)
- CMYK
- cmyk(14% 60% 0% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B061C9
- B974D0
- C286D6
- CB97DD
- D4A8E3
- DDBAE9
- E6CBEF
- EEDCF4
- F7EEFA
درجات داكنة
- 9143A8
- 7B388F
- 662D77
- 522360
- 3E1949
- 2C0F34
- 1A0720
- 0A020E
- 010002
درجات رمادية
- A455BC
- A05BB5
- 9C61AF
- 9967A9
- 956CA2
- 91709C
- 8D7495
- 89788E
- 847C87
تناسق الألوان
متمم +180°
- A74EC2
Fuchsia Pheromone
- 3C9200
≈ Christmas Green
متجاور -30° +30°
- A74EC2
Fuchsia Pheromone
- 7961E2
≈ Medium Slate Blue
- C53F8F
≈ Boat Orchid
ثلاثي +120° +240°
- A74EC2
Fuchsia Pheromone
- A37000
≈ Golden Hind
- 008D90
≈ Egyptian Teal
متمم منقسم +150° +210°
- A74EC2
Fuchsia Pheromone
- 838000
≈ Drably Olive
- 00916D
≈ Sea Swell
رباعي +90° +180° +270°
- A74EC2
Fuchsia Pheromone
- C45600
≈ Rust Orange
- 3C9200
≈ Christmas Green
- 0087AF
≈ Stomy Shower
التباين وإمكانية الوصول
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: #a74ec2;
--fuchsia-pheromone-rgb: 167 78 194;
--fuchsia-pheromone-oklch: oklch(0.583 0.188 317.6);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(286 49% 53%);
border-color: oklch(0.583 0.188 317.6);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #a74ec2;
--color-fuchsia-pheromone-50: #ffe5ff;
--color-fuchsia-pheromone-100: #ffd4ff;
--color-fuchsia-pheromone-200: #f8baff;
--color-fuchsia-pheromone-300: #e196f3;
--color-fuchsia-pheromone-400: #cb76e6;
--color-fuchsia-pheromone-500: #b753d5;
--color-fuchsia-pheromone-600: #9a47b4;
--color-fuchsia-pheromone-700: #7c3990;
--color-fuchsia-pheromone-800: #5a296d;
--color-fuchsia-pheromone-900: #3f1b4d;
--color-fuchsia-pheromone-950: #280b33;
}SCSS
$fuchsia-pheromone: #a74ec2;
$fuchsia-pheromone-rgb: 167, 78, 194;
$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);
}