#B625BC#B625BC
#B625BC لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.149؛ OKLCH L 56.2% C 0.237 H 326.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B625BC |
|---|---|
| RGB | rgb(182, 37, 188) |
| HSL | hsl(298, 67%, 44%) |
| HSV | hsv(298, 80%, 74%) |
| CMYK | cmyk(3.2%, 80.3%, 0%, 26.3%) |
| CIE-LAB | lab(45.50, 71.64, -47.14) |
| CIE-LCH | lch(45.50, 85.76, 326.65°) |
| OKLab | oklab(56.17% 0.197 -0.1312) |
| OKLCH | oklch(56.17% 0.237 326.3) |
| XYZ | xyz(29.0295, 14.9011, 48.9144) |
| Luminance | 0.1490 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Barney
#AC1DB8
ΔE00 2.52
Purply
#983FB2
ΔE00 5.30
Ugly Purple
#A442A0
ΔE00 5.76
Medium Purple
#9E43A2
ΔE00 5.81
Vibrant Purple
#AD03DE
ΔE00 5.96
Purpley Pink
#C83CB9
ΔE00 6.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B625BC #2BBC25
analogous
#6B25BC #B625BC #BC2577
triadic
#B625BC #BCB625 #25BCB6
tetradic
#B625BC #BC6B25 #2BBC25 #2577BC
square
#B625BC #BC6B25 #2BBC25 #2577BC
split-complementary
#B625BC #77BC25 #25BC6B
monochromatic
#531156 #841B89 #B625BC #D444DA #E077E4
إمكانية الوصول والتباين
On white
5.28
#B625BC on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.98
#B625BC on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #B625BC
5.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B625BC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B625BC | 1.00 | 5.28 | 3.98 | 5.28 |
| #FFFFFF | 5.28 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.98 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.28 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0060C0
Deuteranopia (green-blind)
#4C72B9
Tritanopia (blue-blind)
#BB4272
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #b625bc; /* rgb */ color: rgb(182, 37, 188); /* oklch */ color: oklch(56.2% 0.237 326.3);
Tailwind
colors: {
custom: {
50: '#d073d1',
500: '#b625bc',
950: '#000000',
},
}SCSS
$custom: #b625bc; $custom-light: #d073d1; $custom-dark: #000000;
JSON
{
"hex": "#b625bc",
"rgb": {
"r": 182,
"g": 37,
"b": 188
},
"hsl": {
"h": 297.616,
"s": 67.111,
"l": 44.118
},
"oklch": {
"l": 0.5617,
"c": 0.23673,
"h": 326.3
},
"luminance": 0.14899
}Semantic roles & 50–950 ramp
primary
#B625BC
secondary
#75CC71
accent
#EA3E45
background
#FDF7FC
surface
#FAEDF9
border
#D3C8D2
text
#150914
muted
#837B82