#8F899C#8F899C
#8F899C لون فاتح وخافت من عائلة بنفسجي. الإضاءة النسبية 0.261؛ OKLCH L 64.2% C 0.029 H 300.0°. أفضل لون لنص المتن هو #000000 بتباين 6.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8F899C |
|---|---|
| RGB | rgb(143, 137, 156) |
| HSL | hsl(259, 9%, 57%) |
| HSV | hsv(259, 12%, 61%) |
| CMYK | cmyk(8.3%, 12.2%, 0%, 38.8%) |
| CIE-LAB | lab(58.16, 6.05, -9.28) |
| CIE-LCH | lch(58.16, 11.07, 303.09°) |
| OKLab | oklab(64.16% 0.0144 -0.0249) |
| OKLCH | oklch(64.16% 0.029 300) |
| XYZ | xyz(26.2730, 26.1312, 35.1058) |
| Luminance | 0.2613 (WCAG relative) |
| Temperature | neutral |
| Family | violet |
أقرب الألوان المُسمّاة
Purpley Grey
#947E94
ΔE00 6.71
Heather
#A484AC
ΔE00 10.34
Greyish Purple
#887191
ΔE00 10.44
Purple Grey
#866F85
ΔE00 10.59
Gray
#808080
ΔE00 10.91
Dusty Lavender
#AC86A8
ΔE00 11.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8F899C #969C89
analogous
#898D9C #8F899C #99899C
triadic
#8F899C #9C8F89 #899C8F
tetradic
#8F899C #9C898D #969C89 #899C99
square
#8F899C #9C898D #969C89 #899C99
split-complementary
#8F899C #9C9989 #8D9C89
monochromatic
#534E5D #706A7E #8F899C #AFAAB8 #CECCD4
إمكانية الوصول والتباين
On white
3.37
#8F899C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.23
#8F899C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8F899C
6.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8F899C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8F899C | 1.00 | 3.37 | 6.23 | 6.23 |
| #FFFFFF | 3.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.23 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.23 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#868C9D
Deuteranopia (green-blind)
#878C9B
Tritanopia (blue-blind)
#8D8C8F
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #8f899c; /* rgb */ color: rgb(143, 137, 156); /* oklch */ color: oklch(64.2% 0.029 300.0);
Tailwind
colors: {
custom: {
50: '#afabb9',
500: '#8f899c',
950: '#000000',
},
}SCSS
$custom: #8f899c; $custom-light: #afabb9; $custom-dark: #000000;
JSON
{
"hex": "#8f899c",
"rgb": {
"r": 143,
"g": 137,
"b": 156
},
"hsl": {
"h": 258.947,
"s": 8.756,
"l": 57.451
},
"oklch": {
"l": 0.64159,
"c": 0.02881,
"h": 300
},
"luminance": 0.26131
}Semantic roles & 50–950 ramp
primary
#8F899C
secondary
#C2C4BD
accent
#B2769F
background
#FAFAFB
surface
#F4F4F6
border
#CECED0
text
#101011
muted
#7F7F80