#8F77BB#8F77BB
#8F77BB لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.226؛ OKLCH L 61.9% C 0.103 H 299.6°. أفضل لون لنص المتن هو #000000 بتباين 5.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8F77BB |
|---|---|
| RGB | rgb(143, 119, 187) |
| HSL | hsl(261, 33%, 60%) |
| HSV | hsv(261, 36%, 73%) |
| CMYK | cmyk(23.5%, 36.4%, 0%, 26.7%) |
| CIE-LAB | lab(54.68, 23.59, -32.39) |
| CIE-LCH | lch(54.68, 40.07, 306.07°) |
| OKLab | oklab(61.86% 0.0511 -0.0899) |
| OKLCH | oklch(61.86% 0.103 299.6) |
| XYZ | xyz(26.8922, 22.6210, 49.9536) |
| Luminance | 0.2262 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Deep Lilac
#966EBD
ΔE00 3.70
Wisteria
#A87DC2
ΔE00 5.79
Mediumpurple
#9370DB
ΔE00 6.67
Soft Purple
#A66FB5
ΔE00 6.87
Dark Lilac
#9C6DA5
ΔE00 7.50
Deep Lavender
#8D5EB7
ΔE00 8.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8F77BB #A3BB77
analogous
#7781BB #8F77BB #B177BB
triadic
#8F77BB #BB8F77 #77BB8F
tetradic
#8F77BB #BB7781 #A3BB77 #77BBB1
square
#8F77BB #BB7781 #A3BB77 #77BBB1
split-complementary
#8F77BB #BBB177 #81BB77
monochromatic
#533D7A #6E52A3 #8F77BB #B1A0CF #D2C9E4
إمكانية الوصول والتباين
On white
3.80
#8F77BB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.52
#8F77BB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8F77BB
5.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8F77BB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8F77BB | 1.00 | 3.80 | 5.52 | 5.52 |
| #FFFFFF | 3.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6683BE
Deuteranopia (green-blind)
#6B82B9
Tritanopia (blue-blind)
#878290
Achromatopsia (no color)
#838383
وسوم التصميم والكود
CSS
--color: #8f77bb; /* rgb */ color: rgb(143, 119, 187); /* oklch */ color: oklch(61.9% 0.103 299.6);
Tailwind
colors: {
custom: {
50: '#b19ecf',
500: '#8f77bb',
950: '#000000',
},
}SCSS
$custom: #8f77bb; $custom-light: #b19ecf; $custom-dark: #000000;
JSON
{
"hex": "#8f77bb",
"rgb": {
"r": 143,
"g": 119,
"b": 187
},
"hsl": {
"h": 261.176,
"s": 33.333,
"l": 60
},
"oklch": {
"l": 0.61863,
"c": 0.10342,
"h": 299.6
},
"luminance": 0.22621
}Semantic roles & 50–950 ramp
primary
#8F77BB
secondary
#CBD4BA
accent
#C95EA4
background
#FBF9FC
surface
#F6F2F9
border
#D0CCD2
text
#110E14
muted
#807E82