#9F2DB7#9F2DB7
#9F2DB7 لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.127؛ OKLCH L 53.1% C 0.216 H 319.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9F2DB7 |
|---|---|
| RGB | rgb(159, 45, 183) |
| HSL | hsl(290, 61%, 45%) |
| HSV | hsv(290, 75%, 72%) |
| CMYK | cmyk(13.1%, 75.4%, 0%, 28.2%) |
| CIE-LAB | lab(42.26, 63.96, -49.61) |
| CIE-LCH | lch(42.26, 80.94, 322.20°) |
| OKLab | oklab(53.05% 0.1654 -0.1391) |
| OKLCH | oklch(53.05% 0.216 319.9) |
| XYZ | xyz(23.7826, 12.6678, 45.9830) |
| Luminance | 0.1267 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Barney
#AC1DB8
ΔE00 2.30
Purply
#983FB2
ΔE00 2.78
Darkorchid
#9932CC
ΔE00 3.78
Medium Purple
#9E43A2
ΔE00 5.44
Vibrant Purple
#AD03DE
ΔE00 5.55
Darkviolet
#9400D3
ΔE00 6.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9F2DB7 #45B72D
analogous
#5A2DB7 #9F2DB7 #B72D8A
triadic
#9F2DB7 #B79F2D #2DB79F
tetradic
#9F2DB7 #B75A2D #45B72D #2D8AB7
square
#9F2DB7 #B75A2D #45B72D #2D8AB7
split-complementary
#9F2DB7 #8AB72D #2DB75A
monochromatic
#4A1555 #742186 #9F2DB7 #BC4ED3 #CF7FDF
إمكانية الوصول والتباين
On white
5.94
#9F2DB7 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.53
#9F2DB7 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #9F2DB7
5.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9F2DB7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##9F2DB7 | 1.00 | 5.94 | 3.53 | 5.94 |
| #FFFFFF | 5.94 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.94 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#005CBB
Deuteranopia (green-blind)
#3A68B4
Tritanopia (blue-blind)
#9F4971
Achromatopsia (no color)
#646464
وسوم التصميم والكود
CSS
--color: #9f2db7; /* rgb */ color: rgb(159, 45, 183); /* oklch */ color: oklch(53.1% 0.216 319.9);
Tailwind
colors: {
custom: {
50: '#bf72cd',
500: '#9f2db7',
950: '#000000',
},
}SCSS
$custom: #9f2db7; $custom-light: #bf72cd; $custom-dark: #000000;
JSON
{
"hex": "#9f2db7",
"rgb": {
"r": 159,
"g": 45,
"b": 183
},
"hsl": {
"h": 289.565,
"s": 60.526,
"l": 44.706
},
"oklch": {
"l": 0.53051,
"c": 0.21614,
"h": 319.9
},
"luminance": 0.12667
}Semantic roles & 50–950 ramp
primary
#9F2DB7
secondary
#86C878
accent
#E44460
background
#FCF7FC
surface
#F8EDF9
border
#D1C8D2
text
#130913
muted
#827B82