#BF4494#BF4494
#BF4494 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.173؛ OKLCH L 58.1% C 0.179 H 344.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BF4494 |
|---|---|
| RGB | rgb(191, 68, 148) |
| HSL | hsl(321, 49%, 51%) |
| HSV | hsv(321, 64%, 75%) |
| CMYK | cmyk(0%, 64.4%, 22.5%, 25.1%) |
| CIE-LAB | lab(48.70, 57.34, -18.36) |
| CIE-LCH | lch(48.70, 60.20, 342.25°) |
| OKLab | oklab(58.13% 0.1723 -0.0489) |
| OKLCH | oklch(58.13% 0.179 344.2) |
| XYZ | xyz(28.8992, 17.3515, 29.8384) |
| Luminance | 0.1735 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 5.61
Purpley Pink
#C83CB9
ΔE00 7.03
Ugly Purple
#A442A0
ΔE00 7.50
Purplish Pink
#CE5DAE
ΔE00 7.56
Light Plum
#9D5783
ΔE00 7.65
Magenta (survey)
#C20078
ΔE00 7.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BF4494 #44BF6F
analogous
#AD44BF #BF4494 #BF4456
triadic
#BF4494 #94BF44 #4494BF
tetradic
#BF4494 #BFAD44 #44BF6F #4456BF
square
#BF4494 #BFAD44 #44BF6F #4456BF
split-complementary
#BF4494 #56BF44 #44BFAD
monochromatic
#66234E #933271 #BF4494 #CF72AE #DE9FC8
إمكانية الوصول والتباين
On white
4.70
#BF4494 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.47
#BF4494 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #BF4494
4.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BF4494 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##BF4494 | 1.00 | 4.70 | 4.47 | 4.70 |
| #FFFFFF | 4.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.70 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#506796
Deuteranopia (green-blind)
#747B91
Tritanopia (blue-blind)
#CB4366
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #bf4494; /* rgb */ color: rgb(191, 68, 148); /* oklch */ color: oklch(58.1% 0.179 344.2);
Tailwind
colors: {
custom: {
50: '#d680b3',
500: '#bf4494',
950: '#000000',
},
}SCSS
$custom: #bf4494; $custom-light: #d680b3; $custom-dark: #000000;
JSON
{
"hex": "#bf4494",
"rgb": {
"r": 191,
"g": 68,
"b": 148
},
"hsl": {
"h": 320.976,
"s": 49.004,
"l": 50.784
},
"oklch": {
"l": 0.58131,
"c": 0.17912,
"h": 344.2
},
"luminance": 0.17349
}Semantic roles & 50–950 ramp
primary
#BF4494
secondary
#94CBA7
accent
#D97F4F
background
#FDF8FB
surface
#FBEFF6
border
#D4CAD0
text
#150B11
muted
#837C80