#BEA3CF#BEA3CF
#BEA3CF لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.416؛ OKLCH L 75.4% C 0.069 H 312.2°. أفضل لون لنص المتن هو #000000 بتباين 9.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BEA3CF |
|---|---|
| RGB | rgb(190, 163, 207) |
| HSL | hsl(277, 31%, 73%) |
| HSV | hsv(277, 21%, 81%) |
| CMYK | cmyk(8.2%, 21.3%, 0%, 18.8%) |
| CIE-LAB | lab(70.63, 18.01, -18.75) |
| CIE-LCH | lch(70.63, 26.00, 313.85°) |
| OKLab | oklab(75.37% 0.0461 -0.0508) |
| OKLCH | oklch(75.37% 0.069 312.2) |
| XYZ | xyz(45.5930, 41.6470, 64.6562) |
| Luminance | 0.4165 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Lilac
#C8A2C8
ΔE00 3.76
Lavender
#B39DDB
ΔE00 5.55
Pale Purple
#B790D4
ΔE00 7.00
Plum
#DDA0DD
ΔE00 7.30
Lavender (survey)
#C79FEF
ΔE00 7.84
Pale Violet
#CEAEFA
ΔE00 8.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BEA3CF #B4CFA3
analogous
#A8A3CF #BEA3CF #CFA3CA
triadic
#BEA3CF #CFBEA3 #A3CFBE
tetradic
#BEA3CF #CFA8A3 #B4CFA3 #A3CACF
square
#BEA3CF #CFA8A3 #B4CFA3 #A3CACF
split-complementary
#BEA3CF #CACFA3 #A3CFA8
monochromatic
#8555A3 #A27BBA #BEA3CF #DACBE4 #F1EBF5
إمكانية الوصول والتباين
On white
2.25
#BEA3CF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.33
#BEA3CF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BEA3CF
9.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BEA3CF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BEA3CF | 1.00 | 2.25 | 9.33 | 9.33 |
| #FFFFFF | 2.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.33 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.33 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9DABD1
Deuteranopia (green-blind)
#A2ADCE
Tritanopia (blue-blind)
#BDA8B2
Achromatopsia (no color)
#ADADAD
وسوم التصميم والكود
CSS
--color: #bea3cf; /* rgb */ color: rgb(190, 163, 207); /* oklch */ color: oklch(75.4% 0.069 312.2);
Tailwind
colors: {
custom: {
50: '#d2bedd',
500: '#bea3cf',
950: '#000000',
},
}SCSS
$custom: #bea3cf; $custom-light: #d2bedd; $custom-dark: #000000;
JSON
{
"hex": "#bea3cf",
"rgb": {
"r": 190,
"g": 163,
"b": 207
},
"hsl": {
"h": 276.818,
"s": 31.429,
"l": 72.549
},
"oklch": {
"l": 0.75373,
"c": 0.06861,
"h": 312.2
},
"luminance": 0.41647
}Semantic roles & 50–950 ramp
primary
#BEA3CF
secondary
#E4EBE0
accent
#AA3B66
background
#FCFBFD
surface
#F9F6FB
border
#D2D0D4
text
#141215
muted
#828183