أقرب لون مسمّى · #8475A4
#8475A4
أقرب لون مسمّى: Aster
#8475A4 (rgb(132 117 164)، hsl(259 21% 55%)، oklch(0.594 0.072 298.8)) أقرب إلى اللون المسمّى Aster. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#8475A4
oklch(0.594 0.072 298.8)
تحويلات الألوان
- HEX
- #8475a4
- RGB
- rgb(132 117 164)
- HSL
- hsl(259 21% 55%)
- HWB
- hwb(259 46% 36%)
- OKLCH
- oklch(0.594 0.072 298.8)
- OKLab
- oklab(0.594 0.035 -0.063)
- CIE Lab
- lab(51.99 13.49 -23.2)
- LCH
- lch(51.99 26.83 300.2)
- CMYK
- cmyk(20% 29% 0% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9082AD
- 9B8FB6
- A79DBF
- B3AAC8
- BFB8D1
- CCC6DB
- D8D4E4
- E5E2ED
- F2F1F6
درجات داكنة
- 72658E
- 605579
- 4F4664
- 3F3750
- 2F293D
- 201C2B
- 120F1A
- 06050A
- 010101
درجات رمادية
- 8476A1
- 83779D
- 83799A
- 827A96
- 827B92
- 817C8F
- 817D8B
- 817E87
- 807F84
تناسق الألوان
متمم +180°
- 8475A4
Aster
- 7A8553
≈ Oregano
متجاور -30° +30°
- 8475A4
Aster
- 6C7DAA
≈ Night Thistle
- 976F94
≈ Tatarian Aster
ثلاثي +120° +240°
- 8475A4
Aster
- 9F7452
≈ Ranch Brown
- 498D7F
≈ Royal Palm
متمم منقسم +150° +210°
- 8475A4
Aster
- 907C4A
≈ Ovoid Fruit
- 608B67
≈ Murdoch
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.14:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 5.06:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--aster: #8475a4;
--aster-rgb: 132 117 164;
--aster-oklch: oklch(0.594 0.072 298.8);
}
.element {
color: var(--aster);
background-color: hsl(259 21% 55%);
border-color: oklch(0.594 0.072 298.8);
}Tailwind CSS v4
@theme {
--color-aster: #8475a4;
--color-aster-50: #f8f1ff;
--color-aster-100: #ece3fd;
--color-aster-200: #d9ceef;
--color-aster-300: #bdafd7;
--color-aster-400: #a495c4;
--color-aster-500: #8c7cb0;
--color-aster-600: #776995;
--color-aster-700: #5f5477;
--color-aster-800: #453d59;
--color-aster-900: #302a3e;
--color-aster-950: #1c1827;
}SCSS
$aster: #8475a4;
$aster-rgb: 132, 117, 164;
$aster-light: mix(#fff, $aster, 20%);
$aster-dark: mix(#000, $aster, 20%);
.element {
color: $aster;
box-shadow: 0 0 0 2px rgba($aster, 0.35);
}