#B56BC1#B56BC1
#B56BC1 لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.242؛ OKLCH L 64.1% C 0.147 H 321.9°. أفضل لون لنص المتن هو #000000 بتباين 5.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B56BC1 |
|---|---|
| RGB | rgb(181, 107, 193) |
| HSL | hsl(292, 41%, 59%) |
| HSV | hsv(292, 45%, 76%) |
| CMYK | cmyk(6.2%, 44.6%, 0%, 24.3%) |
| CIE-LAB | lab(56.28, 43.18, -33.03) |
| CIE-LCH | lch(56.28, 54.36, 322.59°) |
| OKLab | oklab(64.08% 0.1157 -0.0909) |
| OKLCH | oklch(64.08% 0.147 321.9) |
| XYZ | xyz(33.9383, 24.1907, 53.3233) |
| Luminance | 0.2419 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Soft Purple
#A66FB5
ΔE00 3.57
Orchid (survey)
#C875C4
ΔE00 4.88
Wisteria
#A87DC2
ΔE00 5.87
Mediumorchid
#BA55D3
ΔE00 6.05
Deep Lilac
#966EBD
ΔE00 6.74
Pinky Purple
#C94CBE
ΔE00 6.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B56BC1 #77C16B
analogous
#8A6BC1 #B56BC1 #C16BA2
triadic
#B56BC1 #C1B56B #6BC1B5
tetradic
#B56BC1 #C18A6B #77C16B #6BA2C1
square
#B56BC1 #C18A6B #77C16B #6BA2C1
split-complementary
#B56BC1 #A2C16B #6BC18A
monochromatic
#73347D #9B47A8 #B56BC1 #CB96D3 #E0C1E5
إمكانية الوصول والتباين
On white
3.60
#B56BC1 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.84
#B56BC1 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B56BC1
5.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B56BC1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B56BC1 | 1.00 | 3.60 | 5.84 | 5.84 |
| #FFFFFF | 3.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.84 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6082C4
Deuteranopia (green-blind)
#748ABE
Tritanopia (blue-blind)
#B7758D
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #b56bc1; /* rgb */ color: rgb(181, 107, 193); /* oklch */ color: oklch(64.1% 0.147 321.9);
Tailwind
colors: {
custom: {
50: '#cd97d4',
500: '#b56bc1',
950: '#000000',
},
}SCSS
$custom: #b56bc1; $custom-light: #cd97d4; $custom-dark: #000000;
JSON
{
"hex": "#b56bc1",
"rgb": {
"r": 181,
"g": 107,
"b": 193
},
"hsl": {
"h": 291.628,
"s": 40.952,
"l": 58.824
},
"oklch": {
"l": 0.64077,
"c": 0.14715,
"h": 321.9
},
"luminance": 0.24189
}Semantic roles & 50–950 ramp
primary
#B56BC1
secondary
#B8D5B3
accent
#D15768
background
#FCF9FD
surface
#F9F2FA
border
#D2CCD3
text
#140E14
muted
#827E83