#97557E#97557E
#97557E لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.146؛ OKLCH L 54.0% C 0.102 H 343.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #97557E |
|---|---|
| RGB | rgb(151, 85, 126) |
| HSL | hsl(323, 28%, 46%) |
| HSV | hsv(323, 44%, 59%) |
| CMYK | cmyk(0%, 43.7%, 16.6%, 40.8%) |
| CIE-LAB | lab(45.06, 33.10, -11.20) |
| CIE-LCH | lch(45.06, 34.95, 341.30°) |
| OKLab | oklab(53.95% 0.0978 -0.0297) |
| OKLCH | oklch(53.95% 0.102 343.1) |
| XYZ | xyz(19.7771, 14.5840, 21.5079) |
| Luminance | 0.1458 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 1.56
Purpleish
#98568D
ΔE00 3.99
Dusky Purple
#895B7B
ΔE00 4.05
Purplish
#94568C
ΔE00 4.18
Dull Purple
#84597E
ΔE00 4.94
Dusty Purple
#825F87
ΔE00 7.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#97557E #55976E
analogous
#8F5597 #97557E #97555D
triadic
#97557E #7E9755 #557E97
tetradic
#97557E #978F55 #55976E #555D97
square
#97557E #978F55 #55976E #555D97
split-complementary
#97557E #5D9755 #55978F
monochromatic
#49293D #703F5D #97557E #B2779C #C89EB8
إمكانية الوصول والتباين
On white
5.36
#97557E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.92
#97557E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #97557E
5.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##97557E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##97557E | 1.00 | 5.36 | 3.92 | 5.36 |
| #FFFFFF | 5.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.92 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.36 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#59647F
Deuteranopia (green-blind)
#6A6F7C
Tritanopia (blue-blind)
#9E5564
Achromatopsia (no color)
#6B6B6B
وسوم التصميم والكود
CSS
--color: #97557e; /* rgb */ color: rgb(151, 85, 126); /* oklch */ color: oklch(54.0% 0.102 343.1);
Tailwind
colors: {
custom: {
50: '#b786a3',
500: '#97557e',
950: '#000000',
},
}SCSS
$custom: #97557e; $custom-light: #b786a3; $custom-dark: #000000;
JSON
{
"hex": "#97557e",
"rgb": {
"r": 151,
"g": 85,
"b": 126
},
"hsl": {
"h": 322.727,
"s": 27.966,
"l": 46.275
},
"oklch": {
"l": 0.53954,
"c": 0.10216,
"h": 343.1
},
"luminance": 0.14583
}Semantic roles & 50–950 ramp
primary
#97557E
secondary
#92B6A0
accent
#C48864
background
#FBF8FA
surface
#F6EFF3
border
#D0CACD
text
#110B0F
muted
#807C7F