#BD3FCF#BD3FCF
#BD3FCF لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.189؛ OKLCH L 60.3% C 0.229 H 322.4°. أفضل لون لنص المتن هو #000000 بتباين 4.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BD3FCF |
|---|---|
| RGB | rgb(189, 63, 207) |
| HSL | hsl(293, 60%, 53%) |
| HSV | hsv(293, 70%, 81%) |
| CMYK | cmyk(8.7%, 69.6%, 0%, 18.8%) |
| CIE-LAB | lab(50.55, 68.18, -50.02) |
| CIE-LCH | lch(50.55, 84.56, 323.73°) |
| OKLab | oklab(60.34% 0.1814 -0.1396) |
| OKLCH | oklch(60.34% 0.229 322.4) |
| XYZ | xyz(34.0251, 18.8807, 60.8715) |
| Luminance | 0.1888 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Mediumorchid
#BA55D3
ΔE00 3.89
Purple Pink
#D725DE
ΔE00 4.17
Purpley Pink
#C83CB9
ΔE00 4.71
Pinky Purple
#C94CBE
ΔE00 5.38
Hot Purple
#CB00F5
ΔE00 5.59
Pinkish Purple
#D648D7
ΔE00 5.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BD3FCF #51CF3F
analogous
#753FCF #BD3FCF #CF3F99
triadic
#BD3FCF #CFBD3F #3FCFBD
tetradic
#BD3FCF #CF753F #51CF3F #3F99CF
square
#BD3FCF #CF753F #51CF3F #3F99CF
split-complementary
#BD3FCF #99CF3F #3FCF75
monochromatic
#6B1E76 #972AA7 #BD3FCF #CE70DB #DFA1E7
إمكانية الوصول والتباين
On white
4.40
#BD3FCF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.78
#BD3FCF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BD3FCF
4.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BD3FCF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BD3FCF | 1.00 | 4.40 | 4.78 | 4.78 |
| #FFFFFF | 4.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#076FD3
Deuteranopia (green-blind)
#537DCC
Tritanopia (blue-blind)
#BF5883
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #bd3fcf; /* rgb */ color: rgb(189, 63, 207); /* oklch */ color: oklch(60.3% 0.229 322.4);
Tailwind
colors: {
custom: {
50: '#d57fde',
500: '#bd3fcf',
950: '#000000',
},
}SCSS
$custom: #bd3fcf; $custom-light: #d57fde; $custom-dark: #000000;
JSON
{
"hex": "#bd3fcf",
"rgb": {
"r": 189,
"g": 63,
"b": 207
},
"hsl": {
"h": 292.5,
"s": 60,
"l": 52.941
},
"oklch": {
"l": 0.60338,
"c": 0.22892,
"h": 322.4
},
"luminance": 0.18879
}Semantic roles & 50–950 ramp
primary
#BD3FCF
secondary
#9ED496
accent
#E34558
background
#FDF8FD
surface
#FBEFFB
border
#D4CAD4
text
#150B15
muted
#837C83