#8D3A6E#8D3A6E
#8D3A6E لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.098؛ OKLCH L 47.8% C 0.129 H 344.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8D3A6E |
|---|---|
| RGB | rgb(141, 58, 110) |
| HSL | hsl(322, 42%, 39%) |
| HSV | hsv(322, 59%, 55%) |
| CMYK | cmyk(0%, 58.9%, 22%, 44.7%) |
| CIE-LAB | lab(37.51, 41.42, -12.92) |
| CIE-LCH | lch(37.51, 43.39, 342.67°) |
| OKLab | oklab(47.81% 0.124 -0.0343) |
| OKLCH | oklch(47.81% 0.129 344.5) |
| XYZ | xyz(15.3125, 9.8160, 15.8370) |
| Luminance | 0.0982 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Bruise
#7E4071
ΔE00 3.94
Light Eggplant
#894585
ΔE00 6.04
Red Violet
#9E0168
ΔE00 6.63
Grape
#6C3461
ΔE00 7.16
Deep Magenta
#A0025C
ΔE00 7.70
Dark Mauve
#874C62
ΔE00 7.79
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8D3A6E #3A8D59
analogous
#833A8D #8D3A6E #8D3A44
triadic
#8D3A6E #6E8D3A #3A6E8D
tetradic
#8D3A6E #8D833A #3A8D59 #3A448D
square
#8D3A6E #8D833A #3A8D59 #3A448D
split-complementary
#8D3A6E #448D3A #3A8D83
monochromatic
#36162A #62284C #8D3A6E #B64E8F #C879AB
إمكانية الوصول والتباين
On white
7.09
#8D3A6E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.96
#8D3A6E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #8D3A6E
7.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8D3A6E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8D3A6E | 1.00 | 7.09 | 2.96 | 7.09 |
| #FFFFFF | 7.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.96 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.09 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#415070
Deuteranopia (green-blind)
#585D6C
Tritanopia (blue-blind)
#96394F
Achromatopsia (no color)
#585858
وسوم التصميم والكود
CSS
--color: #8d3a6e; /* rgb */ color: rgb(141, 58, 110); /* oklch */ color: oklch(47.8% 0.129 344.5);
Tailwind
colors: {
custom: {
50: '#b17497',
500: '#8d3a6e',
950: '#000000',
},
}SCSS
$custom: #8d3a6e; $custom-light: #b17497; $custom-dark: #000000;
JSON
{
"hex": "#8d3a6e",
"rgb": {
"r": 141,
"g": 58,
"b": 110
},
"hsl": {
"h": 322.41,
"s": 41.709,
"l": 39.02
},
"oklch": {
"l": 0.47812,
"c": 0.12869,
"h": 344.5
},
"luminance": 0.09815
}Semantic roles & 50–950 ramp
primary
#8D3A6E
secondary
#71B189
accent
#D28456
background
#FBF7F9
surface
#F6EDF2
border
#D0C8CC
text
#11080D
muted
#807B7E