#976885#976885
#976885 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.182؛ OKLCH L 57.6% C 0.072 H 342.0°. أفضل لون لنص المتن هو #000000 بتباين 4.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #976885 |
|---|---|
| RGB | rgb(151, 104, 133) |
| HSL | hsl(323, 18%, 50%) |
| HSV | hsv(323, 31%, 59%) |
| CMYK | cmyk(0%, 31.1%, 11.9%, 40.8%) |
| CIE-LAB | lab(49.71, 23.53, -8.42) |
| CIE-LCH | lch(49.71, 24.99, 340.31°) |
| OKLab | oklab(57.56% 0.0687 -0.0222) |
| OKLCH | oklch(57.56% 0.072 342) |
| XYZ | xyz(21.9464, 18.1744, 24.5378) |
| Luminance | 0.1817 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dusky Purple
#895B7B
ΔE00 5.15
Light Plum
#9D5783
ΔE00 6.01
Faded Purple
#916E99
ΔE00 6.27
Purple Grey
#866F85
ΔE00 6.63
Dull Purple
#84597E
ΔE00 6.69
Dusty Purple
#825F87
ΔE00 6.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#976885 #68977A
analogous
#916897 #976885 #97686E
triadic
#976885 #859768 #688597
tetradic
#976885 #979168 #68977A #686E97
square
#976885 #979168 #68977A #686E97
split-complementary
#976885 #6E9768 #689791
monochromatic
#4F3645 #734F65 #976885 #B08CA2 #C9B0C0
إمكانية الوصول والتباين
On white
4.53
#976885 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.63
#976885 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #976885
4.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##976885 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##976885 | 1.00 | 4.53 | 4.63 | 4.63 |
| #FFFFFF | 4.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A7286
Deuteranopia (green-blind)
#757984
Tritanopia (blue-blind)
#9D6872
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #976885; /* rgb */ color: rgb(151, 104, 133); /* oklch */ color: oklch(57.6% 0.072 342.0);
Tailwind
colors: {
custom: {
50: '#b693a8',
500: '#976885',
950: '#000000',
},
}SCSS
$custom: #976885; $custom-light: #b693a8; $custom-dark: #000000;
JSON
{
"hex": "#976885",
"rgb": {
"r": 151,
"g": 104,
"b": 133
},
"hsl": {
"h": 322.979,
"s": 18.431,
"l": 50
},
"oklch": {
"l": 0.57563,
"c": 0.07217,
"h": 342
},
"luminance": 0.18173
}Semantic roles & 50–950 ramp
primary
#976885
secondary
#A3B8AB
accent
#BB8B6D
background
#FBF9FA
surface
#F6F1F4
border
#D0CBCE
text
#110D0F
muted
#807E7F