#B392DC#B392DC
#B392DC لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.353؛ OKLCH L 71.7% C 0.111 H 304.2°. أفضل لون لنص المتن هو #000000 بتباين 8.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B392DC |
|---|---|
| RGB | rgb(179, 146, 220) |
| HSL | hsl(267, 51%, 72%) |
| HSV | hsv(267, 34%, 86%) |
| CMYK | cmyk(18.6%, 33.6%, 0%, 13.7%) |
| CIE-LAB | lab(65.99, 26.79, -33.13) |
| CIE-LCH | lch(65.99, 42.61, 308.96°) |
| OKLab | oklab(71.74% 0.0622 -0.0915) |
| OKLCH | oklch(71.74% 0.111 304.2) |
| XYZ | xyz(41.7849, 35.3089, 72.3103) |
| Luminance | 0.3531 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Pale Purple
#B790D4
ΔE00 2.34
Lavender
#B39DDB
ΔE00 3.62
Lavender (survey)
#C79FEF
ΔE00 4.64
Baby Purple
#CA9BF7
ΔE00 5.31
Liliac
#C48EFD
ΔE00 6.27
Pastel Purple
#CAA0FF
ΔE00 6.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B392DC #BBDC92
analogous
#9296DC #B392DC #D892DC
triadic
#B392DC #DCB392 #92DCB3
tetradic
#B392DC #DC9296 #BBDC92 #92DCD8
square
#B392DC #DC9296 #BBDC92 #92DCD8
split-complementary
#B392DC #DCD892 #96DC92
monochromatic
#733BB8 #9364CD #B392DC #D3C0EB #EFE8F8
إمكانية الوصول والتباين
On white
2.60
#B392DC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.06
#B392DC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B392DC
8.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B392DC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B392DC | 1.00 | 2.60 | 8.06 | 8.06 |
| #FFFFFF | 2.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.06 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#829FDF
Deuteranopia (green-blind)
#89A0DA
Tritanopia (blue-blind)
#AD9DAD
Achromatopsia (no color)
#A0A0A0
وسوم التصميم والكود
CSS
--color: #b392dc; /* rgb */ color: rgb(179, 146, 220); /* oklch */ color: oklch(71.7% 0.111 304.2);
Tailwind
colors: {
custom: {
50: '#cab2e7',
500: '#b392dc',
950: '#000000',
},
}SCSS
$custom: #b392dc; $custom-light: #cab2e7; $custom-dark: #000000;
JSON
{
"hex": "#b392dc",
"rgb": {
"r": 179,
"g": 146,
"b": 220
},
"hsl": {
"h": 266.757,
"s": 51.389,
"l": 71.765
},
"oklch": {
"l": 0.71737,
"c": 0.11062,
"h": 304.2
},
"luminance": 0.35309
}Semantic roles & 50–950 ramp
primary
#B392DC
secondary
#E6EEDC
accent
#BF277B
background
#FCFAFE
surface
#F8F5FC
border
#D1CFD5
text
#131116
muted
#828084