#BF63B3#BF63B3
#BF63B3 لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.233؛ OKLCH L 63.4% C 0.154 H 332.3°. أفضل لون لنص المتن هو #000000 بتباين 5.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BF63B3 |
|---|---|
| RGB | rgb(191, 99, 179) |
| HSL | hsl(308, 42%, 57%) |
| HSV | hsv(308, 48%, 75%) |
| CMYK | cmyk(0%, 48.2%, 6.3%, 25.1%) |
| CIE-LAB | lab(55.34, 47.75, -26.35) |
| CIE-LCH | lch(55.34, 54.53, 331.11°) |
| OKLab | oklab(63.45% 0.1363 -0.0716) |
| OKLCH | oklch(63.45% 0.154 332.3) |
| XYZ | xyz(34.0842, 23.2568, 45.3328) |
| Luminance | 0.2326 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purplish Pink
#CE5DAE
ΔE00 3.38
Pinky Purple
#C94CBE
ΔE00 5.06
Orchid (survey)
#C875C4
ΔE00 5.16
Soft Purple
#A66FB5
ΔE00 5.97
Pale Magenta
#D767AD
ΔE00 6.03
Purpleish Pink
#DF4EC8
ΔE00 6.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BF63B3 #63BF6F
analogous
#9D63BF #BF63B3 #BF6385
triadic
#BF63B3 #B3BF63 #63B3BF
tetradic
#BF63B3 #BF9D63 #63BF6F #6385BF
square
#BF63B3 #BF9D63 #63BF6F #6385BF
split-complementary
#BF63B3 #85BF63 #63BF9D
monochromatic
#77316E #A24396 #BF63B3 #D18EC8 #E3BADD
إمكانية الوصول والتباين
On white
3.72
#BF63B3 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.65
#BF63B3 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BF63B3
5.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BF63B3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BF63B3 | 1.00 | 3.72 | 5.65 | 5.65 |
| #FFFFFF | 3.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#617CB6
Deuteranopia (green-blind)
#7A89B0
Tritanopia (blue-blind)
#C66983
Achromatopsia (no color)
#848484
وسوم التصميم والكود
CSS
--color: #bf63b3; /* rgb */ color: rgb(191, 99, 179); /* oklch */ color: oklch(63.4% 0.154 332.3);
Tailwind
colors: {
custom: {
50: '#d492ca',
500: '#bf63b3',
950: '#000000',
},
}SCSS
$custom: #bf63b3; $custom-light: #d492ca; $custom-dark: #000000;
JSON
{
"hex": "#bf63b3",
"rgb": {
"r": 191,
"g": 99,
"b": 179
},
"hsl": {
"h": 307.826,
"s": 41.818,
"l": 56.863
},
"oklch": {
"l": 0.63448,
"c": 0.15394,
"h": 332.3
},
"luminance": 0.23255
}Semantic roles & 50–950 ramp
primary
#BF63B3
secondary
#ACD2B1
accent
#D26656
background
#FDF9FC
surface
#FAF1F8
border
#D3CBD1
text
#140D13
muted
#837E82