#8C697D#8C697D
#8C697D لون متوسط وخافت من عائلة زهري. الإضاءة النسبية 0.172؛ OKLCH L 56.2% C 0.053 H 343.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8C697D |
|---|---|
| RGB | rgb(140, 105, 125) |
| HSL | hsl(326, 14%, 48%) |
| HSV | hsv(326, 25%, 55%) |
| CMYK | cmyk(0%, 25%, 10.7%, 45.1%) |
| CIE-LAB | lab(48.46, 17.39, -5.65) |
| CIE-LCH | lch(48.46, 18.28, 342.01°) |
| OKLab | oklab(56.24% 0.0507 -0.0148) |
| OKLCH | oklch(56.24% 0.053 343.7) |
| XYZ | xyz(19.5683, 17.1600, 21.6795) |
| Luminance | 0.1716 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purple Grey
#866F85
ΔE00 4.12
Dusky Purple
#895B7B
ΔE00 5.79
Purplish Grey
#7A687F
ΔE00 6.00
Grey Purple
#826D8C
ΔE00 6.21
Greyish Purple
#887191
ΔE00 6.38
Dull Purple
#84597E
ΔE00 7.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8C697D #698C78
analogous
#89698C #8C697D #8C696B
triadic
#8C697D #7D8C69 #697D8C
tetradic
#8C697D #8C8969 #698C78 #696B8C
square
#8C697D #8C8969 #698C78 #696B8C
split-complementary
#8C697D #6B8C69 #698C89
monochromatic
#46353F #694F5E #8C697D #A88B9B #C2AEB9
إمكانية الوصول والتباين
On white
4.74
#8C697D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.43
#8C697D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #8C697D
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8C697D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8C697D | 1.00 | 4.74 | 4.43 | 4.74 |
| #FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6B707E
Deuteranopia (green-blind)
#73757C
Tritanopia (blue-blind)
#916970
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #8c697d; /* rgb */ color: rgb(140, 105, 125); /* oklch */ color: oklch(56.2% 0.053 343.7);
Tailwind
colors: {
custom: {
50: '#ae94a2',
500: '#8c697d',
950: '#000000',
},
}SCSS
$custom: #8c697d; $custom-light: #ae94a2; $custom-dark: #000000;
JSON
{
"hex": "#8c697d",
"rgb": {
"r": 140,
"g": 105,
"b": 125
},
"hsl": {
"h": 325.714,
"s": 14.286,
"l": 48.039
},
"oklch": {
"l": 0.56242,
"c": 0.05284,
"h": 343.7
},
"luminance": 0.17159
}Semantic roles & 50–950 ramp
primary
#8C697D
secondary
#A0B1A7
accent
#B78F71
background
#FAF9F9
surface
#F4F1F2
border
#CECBCC
text
#100D0F
muted
#7F7E7E