لون مسمّى · #694977
Benevolence
Benevolence هو #694977: rgb(105 73 119)، hsl(282 24% 38%)، oklch(0.459 0.082 315.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Benevolence color name →
#694977
oklch(0.459 0.082 315.2)
تحويلات الألوان
- HEX
- #694977
- RGB
- rgb(105 73 119)
- HSL
- hsl(282 24% 38%)
- HWB
- hwb(282 29% 53%)
- OKLCH
- oklch(0.459 0.082 315.2)
- OKLab
- oklab(0.459 0.058 -0.058)
- CIE Lab
- lab(36.06 20.77 -21.01)
- LCH
- lch(36.06 29.54 314.7)
- CMYK
- cmyk(12% 39% 0% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 775A84
- 856B91
- 947C9F
- A38EAC
- B2A0BA
- C1B3C7
- D0C5D5
- DFD8E3
- EFEBF1
درجات داكنة
- 5A3E67
- 4C3457
- 3E2A47
- 312038
- 24172A
- 180E1C
- 0C0610
- 040205
- 000001
درجات رمادية
- 6B4F78
- 6E5479
- 705A7A
- 725F7B
- 75657C
- 776A7D
- 79707E
- 7C757F
- 7E7B7F
تناسق الألوان
متمم +180°
- 694977
Benevolence
- 436232
≈ Greenhouse
متجاور -30° +30°
- 694977
Benevolence
- 535184
≈ Tangent Periwinkle
- 784462
≈ Scintillating Violet
ثلاثي +120° +240°
- 694977
Benevolence
- 72501B
≈ Trojan Horse Brown
- 006565
≈ Sci-fi Petrol
متمم منقسم +150° +210°
- 694977
Benevolence
- 5F5A1C
≈ Costa Del Sol
- 1F664C
≈ Brunswick
رباعي +90° +180° +270°
- 694977
Benevolence
- 7D482F
≈ Éclair au Chocolat
- 436232
≈ Greenhouse
- 10617A
≈ Jamaican Dream
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.44:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.82:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--benevolence: #694977;
--benevolence-rgb: 105 73 119;
--benevolence-oklch: oklch(0.459 0.082 315.2);
}
.element {
color: var(--benevolence);
background-color: hsl(282 24% 38%);
border-color: oklch(0.459 0.082 315.2);
}Tailwind CSS v4
@theme {
--color-benevolence: #694977;
--color-benevolence-50: #ffeeff;
--color-benevolence-100: #f3e0fa;
--color-benevolence-200: #e3caec;
--color-benevolence-300: #c9abd4;
--color-benevolence-400: #b190c0;
--color-benevolence-500: #9b75ac;
--color-benevolence-600: #836491;
--color-benevolence-700: #694f74;
--color-benevolence-800: #4c3a57;
--color-benevolence-900: #35283c;
--color-benevolence-950: #201626;
}SCSS
$benevolence: #694977;
$benevolence-rgb: 105, 73, 119;
$benevolence-light: mix(#fff, $benevolence, 20%);
$benevolence-dark: mix(#000, $benevolence, 20%);
.element {
color: $benevolence;
box-shadow: 0 0 0 2px rgba($benevolence, 0.35);
}