#BF3CD9#BF3CD9
#BF3CD9 لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.193؛ OKLCH L 61.0% C 0.241 H 320.4°. أفضل لون لنص المتن هو #000000 بتباين 4.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BF3CD9 |
|---|---|
| RGB | rgb(191, 60, 217) |
| HSL | hsl(290, 67%, 54%) |
| HSV | hsv(290, 72%, 85%) |
| CMYK | cmyk(12%, 72.4%, 0%, 14.9%) |
| CIE-LAB | lab(51.06, 71.45, -54.90) |
| CIE-LCH | lch(51.06, 90.11, 322.46°) |
| OKLab | oklab(60.95% 0.186 -0.1538) |
| OKLCH | oklch(60.95% 0.241 320.4) |
| XYZ | xyz(35.6246, 19.3197, 67.4848) |
| Luminance | 0.1932 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purple Pink
#D725DE
ΔE00 3.73
Mediumorchid
#BA55D3
ΔE00 4.02
Hot Purple
#CB00F5
ΔE00 4.30
Pinkish Purple
#D648D7
ΔE00 5.71
Bright Purple
#BE03FD
ΔE00 5.75
Neon Purple
#BC13FE
ΔE00 5.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BF3CD9 #56D93C
analogous
#713CD9 #BF3CD9 #D93CA4
triadic
#BF3CD9 #D9BF3C #3CD9BF
tetradic
#BF3CD9 #D9713C #56D93C #3CA4D9
square
#BF3CD9 #D9713C #56D93C #3CA4D9
split-complementary
#BF3CD9 #A4D93C #3CD971
monochromatic
#701981 #9D23B5 #BF3CD9 #D06FE3 #E1A2ED
إمكانية الوصول والتباين
On white
4.32
#BF3CD9 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.86
#BF3CD9 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BF3CD9
4.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BF3CD9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BF3CD9 | 1.00 | 4.32 | 4.86 | 4.86 |
| #FFFFFF | 4.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0071DD
Deuteranopia (green-blind)
#4C7ED5
Tritanopia (blue-blind)
#C05B88
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #bf3cd9; /* rgb */ color: rgb(191, 60, 217); /* oklch */ color: oklch(61.0% 0.241 320.4);
Tailwind
colors: {
custom: {
50: '#d67ee5',
500: '#bf3cd9',
950: '#000000',
},
}SCSS
$custom: #bf3cd9; $custom-light: #d67ee5; $custom-dark: #000000;
JSON
{
"hex": "#bf3cd9",
"rgb": {
"r": 191,
"g": 60,
"b": 217
},
"hsl": {
"h": 290.064,
"s": 67.382,
"l": 54.314
},
"oklch": {
"l": 0.60952,
"c": 0.24137,
"h": 320.4
},
"luminance": 0.19318
}Semantic roles & 50–950 ramp
primary
#BF3CD9
secondary
#A2DA97
accent
#EA3E5A
background
#FDF8FE
surface
#FBEFFC
border
#D4CAD5
text
#150B16
muted
#837C84