#620E58#620E58
#620E58 لون داكن وزاهٍ من عائلة purple. الإضاءة النسبية 0.036؛ OKLCH L 35.0% C 0.142 H 333.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.19:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #620E58 |
|---|---|
| RGB | rgb(98, 14, 88) |
| HSL | hsl(307, 75%, 22%) |
| HSV | hsv(307, 86%, 38%) |
| CMYK | cmyk(0%, 85.7%, 10.2%, 61.6%) |
| CIE-LAB | lab(22.36, 43.80, -22.76) |
| CIE-LCH | lch(22.36, 49.36, 332.54°) |
| OKLab | oklab(34.96% 0.1271 -0.0625) |
| OKLCH | oklch(34.96% 0.142 333.8) |
| XYZ | xyz(6.9556, 3.6160, 9.5622) |
| Luminance | 0.0362 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Grape Purple
#5D1451
ΔE00 1.93
Rich Purple
#720058
ΔE00 3.62
Plum Purple
#4E0550
ΔE00 4.39
Deep Violet
#490648
ΔE00 5.23
Plum (survey)
#580F41
ΔE00 5.49
Darkish Purple
#751973
ΔE00 5.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#620E58 #0E6218
analogous
#420E62 #620E58 #620E2E
triadic
#620E58 #58620E #0E5862
tetradic
#620E58 #62420E #0E6218 #0E2E62
square
#620E58 #62420E #0E6218 #0E2E62
split-complementary
#620E58 #2E620E #0E6242
monochromatic
#1B0418 #2C0628 #620E58 #981688 #CD1DB8
إمكانية الوصول والتباين
On white
12.19
#620E58 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.72
#620E58 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #620E58
12.19:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##620E58 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##620E58 | 1.00 | 12.19 | 1.72 | 12.19 |
| #FFFFFF | 12.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.72 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.19 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0B2E5A
Deuteranopia (green-blind)
#2D3A56
Tritanopia (blue-blind)
#671833
Achromatopsia (no color)
#353535
وسوم التصميم والكود
CSS
--color: #620e58; /* rgb */ color: rgb(98, 14, 88); /* oklch */ color: oklch(35.0% 0.142 333.8);
Tailwind
colors: {
custom: {
50: '#925987',
500: '#620e58',
950: '#000000',
},
}SCSS
$custom: #620e58; $custom-light: #925987; $custom-dark: #000000;
JSON
{
"hex": "#620e58",
"rgb": {
"r": 98,
"g": 14,
"b": 88
},
"hsl": {
"h": 307.143,
"s": 75,
"l": 21.961
},
"oklch": {
"l": 0.34957,
"c": 0.14166,
"h": 333.8
},
"luminance": 0.03615
}Semantic roles & 50–950 ramp
primary
#620E58
secondary
#309B3D
accent
#F24D36
background
#F9F5F8
surface
#F2E9EF
border
#CCC5CA
text
#0D040B
muted
#7E797C