أقرب لون مسمّى · #825F95
#825F95
أقرب لون مسمّى: Muted Purple
#825F95 (rgb(130 95 149)، hsl(279 22% 48%)، oklch(0.542 0.091 313.2)) أقرب إلى اللون المسمّى Muted Purple. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#825F95
oklch(0.542 0.091 313.2)
تحويلات الألوان
- HEX
- #825f95
- RGB
- rgb(130 95 149)
- HSL
- hsl(279 22% 48%)
- HWB
- hwb(279 37% 42%)
- OKLCH
- oklch(0.542 0.091 313.2)
- OKLab
- oklab(0.542 0.062 -0.066)
- CIE Lab
- lab(45.62 22.45 -24.18)
- LCH
- lch(45.62 33 312.9)
- CMYK
- cmyk(13% 36% 0% 42%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8E6EA0
- 9A7DAA
- A68DB5
- B39DBF
- BFADCA
- CCBDD4
- D8CDDF
- E5DDEA
- F2EEF4
درجات داكنة
- 705281
- 5F446D
- 4E385A
- 3E2C48
- 2F2037
- 201526
- 120A16
- 060308
- 010001
درجات رمادية
- 826393
- 826691
- 82698F
- 816D8D
- 81708B
- 817389
- 817787
- 817A85
- 807D82
تناسق الألوان
متمم +180°
- 825F95
Muted Purple
- 5A7B42
≈ Mossy Green
متجاور -30° +30°
- 825F95
Muted Purple
- 6868A3
≈ Inner Journey
- 94597D
≈ Immortality
ثلاثي +120° +240°
- 825F95
Muted Purple
- 8F662C
≈ Tapenade
- 09807E
≈ Belly Flop
متمم منقسم +150° +210°
- 825F95
Muted Purple
- 79712C
≈ Wood Garlic
- 348060
≈ Leisure Green
رباعي +90° +180° +270°
- 825F95
Muted Purple
- 9B5D43
≈ Chocolate Fountain
- 5A7B42
≈ Mossy Green
- 207A96
≈ Pacific Pleasure
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.22:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 4.02:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--muted-purple: #825f95;
--muted-purple-rgb: 130 95 149;
--muted-purple-oklch: oklch(0.542 0.091 313.2);
}
.element {
color: var(--muted-purple);
background-color: hsl(279 22% 48%);
border-color: oklch(0.542 0.091 313.2);
}Tailwind CSS v4
@theme {
--color-muted-purple: #825f95;
--color-muted-purple-50: #ffeeff;
--color-muted-purple-100: #f4dffd;
--color-muted-purple-200: #e3c9ef;
--color-muted-purple-300: #c9aad8;
--color-muted-purple-400: #b18fc5;
--color-muted-purple-500: #9b74b1;
--color-muted-purple-600: #836296;
--color-muted-purple-700: #694e78;
--color-muted-purple-800: #4d395a;
--color-muted-purple-900: #35273f;
--color-muted-purple-950: #201528;
}SCSS
$muted-purple: #825f95;
$muted-purple-rgb: 130, 95, 149;
$muted-purple-light: mix(#fff, $muted-purple, 20%);
$muted-purple-dark: mix(#000, $muted-purple, 20%);
.element {
color: $muted-purple;
box-shadow: 0 0 0 2px rgba($muted-purple, 0.35);
}