#B84EA8#B84EA8
#B84EA8 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.185؛ OKLCH L 59.2% C 0.174 H 333.8°. أفضل لون لنص المتن هو #000000 بتباين 4.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B84EA8 |
|---|---|
| RGB | rgb(184, 78, 168) |
| HSL | hsl(309, 43%, 51%) |
| HSV | hsv(309, 58%, 72%) |
| CMYK | cmyk(0%, 57.6%, 8.7%, 27.8%) |
| CIE-LAB | lab(50.06, 54.02, -28.20) |
| CIE-LCH | lch(50.06, 60.94, 332.44°) |
| OKLab | oklab(59.19% 0.1558 -0.0768) |
| OKLCH | oklch(59.19% 0.174 333.8) |
| XYZ | xyz(29.5595, 18.4684, 39.0461) |
| Luminance | 0.1847 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Pink
#C83CB9
ΔE00 4.10
Pinky Purple
#C94CBE
ΔE00 4.43
Ugly Purple
#A442A0
ΔE00 5.58
Purplish Pink
#CE5DAE
ΔE00 6.44
Medium Purple
#9E43A2
ΔE00 6.65
Purpleish
#98568D
ΔE00 7.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B84EA8 #4EB85E
analogous
#934EB8 #B84EA8 #B84E73
triadic
#B84EA8 #A8B84E #4EA8B8
tetradic
#B84EA8 #B8934E #4EB85E #4E73B8
square
#B84EA8 #B8934E #4EB85E #4E73B8
split-complementary
#B84EA8 #73B84E #4EB893
monochromatic
#64285B #8F3982 #B84EA8 #CA7ABD #DBA5D3
إمكانية الوصول والتباين
On white
4.47
#B84EA8 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.69
#B84EA8 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B84EA8
4.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B84EA8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B84EA8 | 1.00 | 4.47 | 4.69 | 4.69 |
| #FFFFFF | 4.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4C6DAB
Deuteranopia (green-blind)
#6D7DA5
Tritanopia (blue-blind)
#C05574
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #b84ea8; /* rgb */ color: rgb(184, 78, 168); /* oklch */ color: oklch(59.2% 0.174 333.8);
Tailwind
colors: {
custom: {
50: '#d085c2',
500: '#b84ea8',
950: '#000000',
},
}SCSS
$custom: #b84ea8; $custom-light: #d085c2; $custom-dark: #000000;
JSON
{
"hex": "#b84ea8",
"rgb": {
"r": 184,
"g": 78,
"b": 168
},
"hsl": {
"h": 309.057,
"s": 42.742,
"l": 51.373
},
"oklch": {
"l": 0.59191,
"c": 0.1737,
"h": 333.8
},
"luminance": 0.18466
}Semantic roles & 50–950 ramp
primary
#B84EA8
secondary
#9AC8A1
accent
#D36855
background
#FDF8FB
surface
#FAF0F7
border
#D3CBD0
text
#140B12
muted
#837C81