#70569C#70569C
#70569C لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.125؛ OKLCH L 51.1% C 0.111 H 299.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #70569C |
|---|---|
| RGB | rgb(112, 86, 156) |
| HSL | hsl(262, 29%, 47%) |
| HSV | hsv(262, 45%, 61%) |
| CMYK | cmyk(28.2%, 44.9%, 0%, 38.8%) |
| CIE-LAB | lab(42.00, 26.13, -34.36) |
| CIE-LCH | lch(42.00, 43.17, 307.25°) |
| OKLab | oklab(51.06% 0.0547 -0.0962) |
| OKLCH | oklch(51.06% 0.111 299.6) |
| XYZ | xyz(16.0092, 12.5005, 33.0155) |
| Luminance | 0.1250 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Royal Purple
#7851A9
ΔE00 3.52
Deep Lavender
#8D5EB7
ΔE00 7.34
Twilight
#4E518B
ΔE00 8.10
Dark Lavender
#856798
ΔE00 8.33
Muted Purple
#805B87
ΔE00 8.42
Iris
#6258C4
ΔE00 8.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#70569C #829C56
analogous
#565F9C #70569C #93569C
triadic
#70569C #9C7056 #569C70
tetradic
#70569C #9C565F #829C56 #569C93
square
#70569C #9C565F #829C56 #569C93
split-complementary
#70569C #9C9356 #5F9C56
monochromatic
#372B4D #544075 #70569C #907AB6 #B1A1CB
إمكانية الوصول والتباين
On white
6.00
#70569C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.50
#70569C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #70569C
6.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##70569C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##70569C | 1.00 | 6.00 | 3.50 | 6.00 |
| #FFFFFF | 6.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.50 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.00 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#42639F
Deuteranopia (green-blind)
#47639A
Tritanopia (blue-blind)
#676271
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #70569c; /* rgb */ color: rgb(112, 86, 156); /* oklch */ color: oklch(51.1% 0.111 299.6);
Tailwind
colors: {
custom: {
50: '#9b86b9',
500: '#70569c',
950: '#000000',
},
}SCSS
$custom: #70569c; $custom-light: #9b86b9; $custom-dark: #000000;
JSON
{
"hex": "#70569c",
"rgb": {
"r": 112,
"g": 86,
"b": 156
},
"hsl": {
"h": 262.286,
"s": 28.926,
"l": 47.451
},
"oklch": {
"l": 0.51057,
"c": 0.11066,
"h": 299.6
},
"luminance": 0.12501
}Semantic roles & 50–950 ramp
primary
#70569C
secondary
#ABB995
accent
#C563A1
background
#F9F8FB
surface
#F2EFF6
border
#CCCAD0
text
#0E0B11
muted
#7E7C80