#968799#968799
#968799 لون فاتح وخافت من عائلة purple. الإضاءة النسبية 0.261؛ OKLCH L 64.3% C 0.032 H 320.6°. أفضل لون لنص المتن هو #000000 بتباين 6.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #968799 |
|---|---|
| RGB | rgb(150, 135, 153) |
| HSL | hsl(290, 8%, 56%) |
| HSV | hsv(290, 12%, 60%) |
| CMYK | cmyk(2%, 11.8%, 0%, 40%) |
| CIE-LAB | lab(58.14, 9.06, -7.52) |
| CIE-LCH | lch(58.14, 11.78, 320.32°) |
| OKLab | oklab(64.26% 0.0244 -0.0201) |
| OKLCH | oklch(64.26% 0.032 320.6) |
| XYZ | xyz(26.9906, 26.1122, 33.7491) |
| Luminance | 0.2611 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Grey
#947E94
ΔE00 3.84
Heather
#A484AC
ΔE00 8.31
Dusty Lavender
#AC86A8
ΔE00 8.39
Purple Grey
#866F85
ΔE00 8.86
Greyish Purple
#887191
ΔE00 9.02
Grey Purple
#826D8C
ΔE00 10.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#968799 #8A9987
analogous
#8D8799 #968799 #998793
triadic
#968799 #999687 #879996
tetradic
#968799 #998D87 #8A9987 #879399
square
#968799 #998D87 #8A9987 #879399
split-complementary
#968799 #939987 #87998D
monochromatic
#574C5A #78687B #968799 #B3A8B5 #D0C9D1
إمكانية الوصول والتباين
On white
3.37
#968799 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.22
#968799 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #968799
6.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##968799 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##968799 | 1.00 | 3.37 | 6.22 | 6.22 |
| #FFFFFF | 3.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.22 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.22 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#858B9A
Deuteranopia (green-blind)
#888C98
Tritanopia (blue-blind)
#97898D
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #968799; /* rgb */ color: rgb(150, 135, 153); /* oklch */ color: oklch(64.3% 0.032 320.6);
Tailwind
colors: {
custom: {
50: '#b5aab7',
500: '#968799',
950: '#000000',
},
}SCSS
$custom: #968799; $custom-light: #b5aab7; $custom-dark: #000000;
JSON
{
"hex": "#968799",
"rgb": {
"r": 150,
"g": 135,
"b": 153
},
"hsl": {
"h": 290,
"s": 8.108,
"l": 56.471
},
"oklch": {
"l": 0.64261,
"c": 0.03162,
"h": 320.6
},
"luminance": 0.26112
}Semantic roles & 50–950 ramp
primary
#968799
secondary
#BBC2BA
accent
#B17780
background
#FBFAFB
surface
#F6F4F6
border
#D0CED0
text
#111011
muted
#807F80