#B41780#B41780
#B41780 لون متوسط وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.119؛ OKLCH L 51.9% C 0.207 H 346.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B41780 |
|---|---|
| RGB | rgb(180, 23, 128) |
| HSL | hsl(320, 77%, 40%) |
| HSV | hsv(320, 87%, 71%) |
| CMYK | cmyk(0%, 87.2%, 28.9%, 29.4%) |
| CIE-LAB | lab(41.02, 65.92, -18.15) |
| CIE-LCH | lch(41.02, 68.37, 344.61°) |
| OKLab | oklab(51.91% 0.2013 -0.0481) |
| OKLCH | oklch(51.91% 0.207 346.6) |
| XYZ | xyz(23.0263, 11.8774, 21.4979) |
| Luminance | 0.1187 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Magenta (survey)
#C20078
ΔE00 3.66
Mediumvioletred
#C71585
ΔE00 3.93
Red Violet
#9E0168
ΔE00 5.86
Deep Magenta
#A0025C
ΔE00 7.54
Warm Purple
#952E8F
ΔE00 7.69
Barney Purple
#A00498
ΔE00 8.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B41780 #17B44B
analogous
#9A17B4 #B41780 #B41731
triadic
#B41780 #80B417 #1780B4
tetradic
#B41780 #B49A17 #17B44B #1731B4
square
#B41780 #B49A17 #17B44B #1731B4
split-complementary
#B41780 #31B417 #17B49A
monochromatic
#470933 #7E1059 #B41780 #E325A4 #EA5BBB
إمكانية الوصول والتباين
On white
6.22
#B41780 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.38
#B41780 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #B41780
6.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B41780 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B41780 | 1.00 | 6.22 | 3.38 | 6.22 |
| #FFFFFF | 6.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.22 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#345082
Deuteranopia (green-blind)
#636A7D
Tritanopia (blue-blind)
#C10D4D
Achromatopsia (no color)
#616161
وسوم التصميم والكود
CSS
--color: #b41780; /* rgb */ color: rgb(180, 23, 128); /* oklch */ color: oklch(51.9% 0.207 346.6);
Tailwind
colors: {
custom: {
50: '#cf6ca5',
500: '#b41780',
950: '#000000',
},
}SCSS
$custom: #b41780; $custom-light: #cf6ca5; $custom-dark: #000000;
JSON
{
"hex": "#b41780",
"rgb": {
"r": 180,
"g": 23,
"b": 128
},
"hsl": {
"h": 319.873,
"s": 77.34,
"l": 39.804
},
"oklch": {
"l": 0.51914,
"c": 0.20692,
"h": 346.6
},
"luminance": 0.11875
}Semantic roles & 50–950 ramp
primary
#B41780
secondary
#59CE80
accent
#F47434
background
#FDF7FA
surface
#FAEDF4
border
#D3C8CE
text
#15080F
muted
#837B7F