#8F679F#8F679F
#8F679F لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.180؛ OKLCH L 57.6% C 0.095 H 316.0°. أفضل لون لنص المتن هو #000000 بتباين 4.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8F679F |
|---|---|
| RGB | rgb(143, 103, 159) |
| HSL | hsl(283, 23%, 51%) |
| HSV | hsv(283, 35%, 62%) |
| CMYK | cmyk(10.1%, 35.2%, 0%, 37.6%) |
| CIE-LAB | lab(49.55, 26.47, -24.11) |
| CIE-LCH | lch(49.55, 35.80, 317.66°) |
| OKLab | oklab(57.56% 0.0685 -0.0661) |
| OKLCH | oklch(57.56% 0.095 316) |
| XYZ | xyz(22.4350, 18.0438, 35.0951) |
| Luminance | 0.1804 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Lavender
#856798
ΔE00 2.70
Dark Lilac
#9C6DA5
ΔE00 3.47
Faded Purple
#916E99
ΔE00 3.72
Dusty Purple
#825F87
ΔE00 5.83
Muted Purple
#805B87
ΔE00 6.13
Soft Purple
#A66FB5
ΔE00 6.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8F679F #779F67
analogous
#73679F #8F679F #9F6793
triadic
#8F679F #9F8F67 #679F8F
tetradic
#8F679F #9F7367 #779F67 #67939F
square
#8F679F #9F7367 #779F67 #67939F
split-complementary
#8F679F #939F67 #679F73
monochromatic
#4D3656 #6E4E7B #8F679F #AB8DB7 #C6B2CE
إمكانية الوصول والتباين
On white
4.56
#8F679F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.61
#8F679F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8F679F
4.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8F679F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8F679F | 1.00 | 4.56 | 4.61 | 4.61 |
| #FFFFFF | 4.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5F73A1
Deuteranopia (green-blind)
#68779D
Tritanopia (blue-blind)
#8E6E7C
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #8f679f; /* rgb */ color: rgb(143, 103, 159); /* oklch */ color: oklch(57.6% 0.095 316.0);
Tailwind
colors: {
custom: {
50: '#b093bb',
500: '#8f679f',
950: '#000000',
},
}SCSS
$custom: #8f679f; $custom-light: #b093bb; $custom-dark: #000000;
JSON
{
"hex": "#8f679f",
"rgb": {
"r": 143,
"g": 103,
"b": 159
},
"hsl": {
"h": 282.857,
"s": 22.581,
"l": 51.373
},
"oklch": {
"l": 0.57563,
"c": 0.09517,
"h": 316
},
"luminance": 0.18043
}Semantic roles & 50–950 ramp
primary
#8F679F
secondary
#ACBDA5
accent
#BF6981
background
#FAF9FB
surface
#F5F1F6
border
#CFCBD0
text
#110D12
muted
#807E81