#BC3BD1#BC3BD1
#BC3BD1 لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.184؛ OKLCH L 60.0% C 0.235 H 321.7°. أفضل لون لنص المتن هو #000000 بتباين 4.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BC3BD1 |
|---|---|
| RGB | rgb(188, 59, 209) |
| HSL | hsl(292, 62%, 53%) |
| HSV | hsv(292, 72%, 82%) |
| CMYK | cmyk(10%, 71.8%, 0%, 18%) |
| CIE-LAB | lab(50.01, 69.76, -52.04) |
| CIE-LCH | lch(50.01, 87.03, 323.28°) |
| OKLab | oklab(59.96% 0.1841 -0.1455) |
| OKLCH | oklch(59.96% 0.235 321.7) |
| XYZ | xyz(33.8104, 18.4246, 62.0847) |
| Luminance | 0.1842 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purple Pink
#D725DE
ΔE00 4.35
Mediumorchid
#BA55D3
ΔE00 4.50
Hot Purple
#CB00F5
ΔE00 5.11
Purpley Pink
#C83CB9
ΔE00 5.23
Pinky Purple
#C94CBE
ΔE00 6.13
Pinkish Purple
#D648D7
ΔE00 6.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BC3BD1 #50D13B
analogous
#713BD1 #BC3BD1 #D13B9B
triadic
#BC3BD1 #D1BC3B #3BD1BC
tetradic
#BC3BD1 #D1713B #50D13B #3B9BD1
square
#BC3BD1 #D1713B #50D13B #3B9BD1
split-complementary
#BC3BD1 #9BD13B #3BD171
monochromatic
#691C76 #9627A7 #BC3BD1 #CD6DDD #DE9EE8
إمكانية الوصول والتباين
On white
4.48
#BC3BD1 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.68
#BC3BD1 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BC3BD1
4.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BC3BD1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BC3BD1 | 1.00 | 4.48 | 4.68 | 4.68 |
| #FFFFFF | 4.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.68 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#006ED5
Deuteranopia (green-blind)
#4E7CCD
Tritanopia (blue-blind)
#BE5783
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #bc3bd1; /* rgb */ color: rgb(188, 59, 209); /* oklch */ color: oklch(60.0% 0.235 321.7);
Tailwind
colors: {
custom: {
50: '#d47de0',
500: '#bc3bd1',
950: '#000000',
},
}SCSS
$custom: #bc3bd1; $custom-light: #d47de0; $custom-dark: #000000;
JSON
{
"hex": "#bc3bd1",
"rgb": {
"r": 188,
"g": 59,
"b": 209
},
"hsl": {
"h": 291.6,
"s": 61.983,
"l": 52.549
},
"oklch": {
"l": 0.59959,
"c": 0.23465,
"h": 321.7
},
"luminance": 0.18423
}Semantic roles & 50–950 ramp
primary
#BC3BD1
secondary
#9CD493
accent
#E54359
background
#FDF8FD
surface
#FBEFFB
border
#D4CAD4
text
#150B15
muted
#837C83