#997B98#997B98
#997B98 لون فاتح وخافت من عائلة purple. الإضاءة النسبية 0.232؛ OKLCH L 62.1% C 0.055 H 327.3°. أفضل لون لنص المتن هو #000000 بتباين 5.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #997B98 |
|---|---|
| RGB | rgb(153, 123, 152) |
| HSL | hsl(302, 13%, 54%) |
| HSV | hsv(302, 20%, 60%) |
| CMYK | cmyk(0%, 19.6%, 0.7%, 40%) |
| CIE-LAB | lab(55.28, 16.85, -11.19) |
| CIE-LCH | lch(55.28, 20.22, 326.41°) |
| OKLab | oklab(62.1% 0.0466 -0.03) |
| OKLCH | oklch(62.1% 0.055 327.3) |
| XYZ | xyz(25.8867, 23.2058, 32.8152) |
| Luminance | 0.2321 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Grey
#947E94
ΔE00 3.20
Heather
#A484AC
ΔE00 4.88
Greyish Purple
#887191
ΔE00 5.02
Dusty Lavender
#AC86A8
ΔE00 5.17
Faded Purple
#916E99
ΔE00 5.79
Purple Grey
#866F85
ΔE00 6.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#997B98 #7B997C
analogous
#8B7B99 #997B98 #997B89
triadic
#997B98 #98997B #7B9899
tetradic
#997B98 #998B7B #7B997C #7B8999
square
#997B98 #998B7B #7B997C #7B8999
split-complementary
#997B98 #89997B #7B998B
monochromatic
#574356 #795E78 #997B98 #B49EB3 #CEC0CE
إمكانية الوصول والتباين
On white
3.72
#997B98 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.64
#997B98 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #997B98
5.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##997B98 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##997B98 | 1.00 | 3.72 | 5.64 | 5.64 |
| #FFFFFF | 3.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.64 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.64 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#798299
Deuteranopia (green-blind)
#808697
Tritanopia (blue-blind)
#9B7D85
Achromatopsia (no color)
#848484
وسوم التصميم والكود
CSS
--color: #997b98; /* rgb */ color: rgb(153, 123, 152); /* oklch */ color: oklch(62.1% 0.055 327.3);
Tailwind
colors: {
custom: {
50: '#b7a1b6',
500: '#997b98',
950: '#000000',
},
}SCSS
$custom: #997b98; $custom-light: #b7a1b6; $custom-dark: #000000;
JSON
{
"hex": "#997b98",
"rgb": {
"r": 153,
"g": 123,
"b": 152
},
"hsl": {
"h": 302,
"s": 12.821,
"l": 54.118
},
"oklch": {
"l": 0.62103,
"c": 0.05545,
"h": 327.3
},
"luminance": 0.23205
}Semantic roles & 50–950 ramp
primary
#997B98
secondary
#B2BEB2
accent
#B67472
background
#FBF9FB
surface
#F6F2F6
border
#D0CCD0
text
#110F11
muted
#807E80