#984DA8#984DA8
#984DA8 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.148؛ OKLCH L 54.8% C 0.156 H 320.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #984DA8 |
|---|---|
| RGB | rgb(152, 77, 168) |
| HSL | hsl(289, 37%, 48%) |
| HSV | hsv(289, 54%, 66%) |
| CMYK | cmyk(9.5%, 54.2%, 0%, 34.1%) |
| CIE-LAB | lab(45.37, 45.53, -35.86) |
| CIE-LCH | lch(45.37, 57.96, 321.78°) |
| OKLab | oklab(54.82% 0.12 -0.0995) |
| OKLCH | oklch(54.82% 0.156 320.3) |
| XYZ | xyz(22.6698, 14.8113, 38.7029) |
| Luminance | 0.1481 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Medium Purple
#9E43A2
ΔE00 2.69
Ugly Purple
#A442A0
ΔE00 3.71
Purply
#983FB2
ΔE00 3.79
Deep Lavender
#8D5EB7
ΔE00 6.00
Amethyst
#9B5FC0
ΔE00 6.34
Light Eggplant
#894585
ΔE00 7.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#984DA8 #5DA84D
analogous
#6B4DA8 #984DA8 #A84D8A
triadic
#984DA8 #A8984D #4DA898
tetradic
#984DA8 #A86B4D #5DA84D #4D8AA8
square
#984DA8 #A86B4D #5DA84D #4D8AA8
split-complementary
#984DA8 #8AA84D #4DA86B
monochromatic
#4C2754 #723A7E #984DA8 #B273BF #C99DD2
إمكانية الوصول والتباين
On white
5.30
#984DA8 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.96
#984DA8 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #984DA8
5.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##984DA8 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##984DA8 | 1.00 | 5.30 | 3.96 | 5.30 |
| #FFFFFF | 5.30 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.96 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.30 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3C66AB
Deuteranopia (green-blind)
#556EA6
Tritanopia (blue-blind)
#995A73
Achromatopsia (no color)
#6B6B6B
وسوم التصميم والكود
CSS
--color: #984da8; /* rgb */ color: rgb(152, 77, 168); /* oklch */ color: oklch(54.8% 0.156 320.3);
Tailwind
colors: {
custom: {
50: '#b882c2',
500: '#984da8',
950: '#000000',
},
}SCSS
$custom: #984da8; $custom-light: #b882c2; $custom-dark: #000000;
JSON
{
"hex": "#984da8",
"rgb": {
"r": 152,
"g": 77,
"b": 168
},
"hsl": {
"h": 289.451,
"s": 37.143,
"l": 48.039
},
"oklch": {
"l": 0.54818,
"c": 0.15586,
"h": 320.3
},
"luminance": 0.1481
}Semantic roles & 50–950 ramp
primary
#984DA8
secondary
#9ABF92
accent
#CD5B6F
background
#FBF8FC
surface
#F6EFF8
border
#D0CAD1
text
#120B12
muted
#817C81