#96758D#96758D
#96758D لون متوسط وخافت من عائلة زهري. الإضاءة النسبية 0.211؛ OKLCH L 60.2% C 0.053 H 336.3°. أفضل لون لنص المتن هو #000000 بتباين 5.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #96758D |
|---|---|
| RGB | rgb(150, 117, 141) |
| HSL | hsl(316, 14%, 52%) |
| HSV | hsv(316, 22%, 59%) |
| CMYK | cmyk(0%, 22%, 6%, 41.2%) |
| CIE-LAB | lab(53.09, 17.10, -8.09) |
| CIE-LCH | lch(53.09, 18.92, 334.68°) |
| OKLab | oklab(60.22% 0.0489 -0.0215) |
| OKLCH | oklch(60.22% 0.053 336.3) |
| XYZ | xyz(23.7463, 21.1304, 28.0218) |
| Luminance | 0.2113 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purpley Grey
#947E94
ΔE00 4.13
Purple Grey
#866F85
ΔE00 4.52
Greyish Purple
#887191
ΔE00 4.93
Faded Purple
#916E99
ΔE00 6.18
Grey Purple
#826D8C
ΔE00 6.21
Dusty Lavender
#AC86A8
ΔE00 7.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#96758D #75967E
analogous
#8F7596 #96758D #96757D
triadic
#96758D #8D9675 #758D96
tetradic
#96758D #968F75 #75967E #757D96
square
#96758D #968F75 #75967E #757D96
split-complementary
#96758D #7D9675 #75968F
monochromatic
#523E4D #75596D #96758D #B098AA #CBBBC6
إمكانية الوصول والتباين
On white
4.02
#96758D on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.23
#96758D on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #96758D
5.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##96758D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##96758D | 1.00 | 4.02 | 5.23 | 5.23 |
| #FFFFFF | 4.02 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.23 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.23 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#757C8E
Deuteranopia (green-blind)
#7D808C
Tritanopia (blue-blind)
#9A767D
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #96758d; /* rgb */ color: rgb(150, 117, 141); /* oklch */ color: oklch(60.2% 0.053 336.3);
Tailwind
colors: {
custom: {
50: '#b59dae',
500: '#96758d',
950: '#000000',
},
}SCSS
$custom: #96758d; $custom-light: #b59dae; $custom-dark: #000000;
JSON
{
"hex": "#96758d",
"rgb": {
"r": 150,
"g": 117,
"b": 141
},
"hsl": {
"h": 316.364,
"s": 13.58,
"l": 52.353
},
"oklch": {
"l": 0.60223,
"c": 0.05336,
"h": 336.3
},
"luminance": 0.2113
}Semantic roles & 50–950 ramp
primary
#96758D
secondary
#ACBBB0
accent
#B68471
background
#FBF9FA
surface
#F6F2F4
border
#D0CCCE
text
#110E10
muted
#807E7F