#8E397F#8E397F
#8E397F لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.102؛ OKLCH L 48.6% C 0.144 H 335.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8E397F |
|---|---|
| RGB | rgb(142, 57, 127) |
| HSL | hsl(311, 43%, 39%) |
| HSV | hsv(311, 60%, 56%) |
| CMYK | cmyk(0%, 59.9%, 10.6%, 44.3%) |
| CIE-LAB | lab(38.22, 44.94, -22.40) |
| CIE-LCH | lch(38.22, 50.21, 333.50°) |
| OKLab | oklab(48.61% 0.1304 -0.0609) |
| OKLCH | oklch(48.61% 0.144 335) |
| XYZ | xyz(16.4493, 10.2106, 21.1790) |
| Luminance | 0.1021 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 3.08
Warm Purple
#952E8F
ΔE00 4.03
Bruise
#7E4071
ΔE00 4.46
Ugly Purple
#A442A0
ΔE00 7.04
Medium Purple
#9E43A2
ΔE00 7.08
Barney Purple
#A00498
ΔE00 7.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8E397F #398E48
analogous
#73398E #8E397F #8E3955
triadic
#8E397F #7F8E39 #397F8E
tetradic
#8E397F #8E7339 #398E48 #39558E
square
#8E397F #8E7339 #398E48 #39558E
split-complementary
#8E397F #558E39 #398E73
monochromatic
#371631 #622758 #8E397F #B74DA5 #C978BB
إمكانية الوصول والتباين
On white
6.90
#8E397F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.04
#8E397F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #8E397F
6.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8E397F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8E397F | 1.00 | 6.90 | 3.04 | 6.90 |
| #FFFFFF | 6.90 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.04 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.90 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#395281
Deuteranopia (green-blind)
#535F7D
Tritanopia (blue-blind)
#953E56
Achromatopsia (no color)
#5A5A5A
وسوم التصميم والكود
CSS
--color: #8e397f; /* rgb */ color: rgb(142, 57, 127); /* oklch */ color: oklch(48.6% 0.144 335.0);
Tailwind
colors: {
custom: {
50: '#b174a4',
500: '#8e397f',
950: '#000000',
},
}SCSS
$custom: #8e397f; $custom-light: #b174a4; $custom-dark: #000000;
JSON
{
"hex": "#8e397f",
"rgb": {
"r": 142,
"g": 57,
"b": 127
},
"hsl": {
"h": 310.588,
"s": 42.714,
"l": 39.02
},
"oklch": {
"l": 0.48605,
"c": 0.14392,
"h": 335
},
"luminance": 0.10209
}Semantic roles & 50–950 ramp
primary
#8E397F
secondary
#71B27C
accent
#D26B55
background
#FBF7FA
surface
#F6EDF4
border
#D0C8CE
text
#11090F
muted
#807B7F