#975D7F#975D7F
#975D7F لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.159؛ OKLCH L 55.4% C 0.088 H 344.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #975D7F |
|---|---|
| RGB | rgb(151, 93, 127) |
| HSL | hsl(325, 24%, 48%) |
| HSV | hsv(325, 38%, 59%) |
| CMYK | cmyk(0%, 38.4%, 15.9%, 40.8%) |
| CIE-LAB | lab(46.90, 28.78, -9.04) |
| CIE-LCH | lch(46.90, 30.17, 342.56°) |
| OKLab | oklab(55.36% 0.0849 -0.0238) |
| OKLCH | oklch(55.36% 0.088 344.3) |
| XYZ | xyz(20.5078, 15.9415, 22.0714) |
| Luminance | 0.1594 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 2.79
Dusky Purple
#895B7B
ΔE00 3.37
Dull Purple
#84597E
ΔE00 5.05
Purpleish
#98568D
ΔE00 5.40
Purplish
#94568C
ΔE00 5.56
Dusty Purple
#825F87
ΔE00 6.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#975D7F #5D9775
analogous
#925D97 #975D7F #975D62
triadic
#975D7F #7F975D #5D7F97
tetradic
#975D7F #97925D #5D9775 #5D6297
square
#975D7F #97925D #5D9775 #5D6297
split-complementary
#975D7F #62975D #5D9792
monochromatic
#4B2E3F #71465F #975D7F #B1809D #C8A6BA
إمكانية الوصول والتباين
On white
5.01
#975D7F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.19
#975D7F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #975D7F
5.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##975D7F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##975D7F | 1.00 | 5.01 | 4.19 | 5.01 |
| #FFFFFF | 5.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.19 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#616980
Deuteranopia (green-blind)
#6F737D
Tritanopia (blue-blind)
#9E5D69
Achromatopsia (no color)
#6F6F6F
وسوم التصميم والكود
CSS
--color: #975d7f; /* rgb */ color: rgb(151, 93, 127); /* oklch */ color: oklch(55.4% 0.088 344.3);
Tailwind
colors: {
custom: {
50: '#b78ca4',
500: '#975d7f',
950: '#000000',
},
}SCSS
$custom: #975d7f; $custom-light: #b78ca4; $custom-dark: #000000;
JSON
{
"hex": "#975d7f",
"rgb": {
"r": 151,
"g": 93,
"b": 127
},
"hsl": {
"h": 324.828,
"s": 23.77,
"l": 47.843
},
"oklch": {
"l": 0.55356,
"c": 0.08818,
"h": 344.3
},
"luminance": 0.1594
}Semantic roles & 50–950 ramp
primary
#975D7F
secondary
#99B6A5
accent
#C08C68
background
#FBF8FA
surface
#F6F0F4
border
#D0CBCE
text
#110C0F
muted
#807D7F