#B99CD9#B99CD9
#B99CD9 لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.391؛ OKLCH L 74.0% C 0.092 H 306.0°. أفضل لون لنص المتن هو #000000 بتباين 8.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B99CD9 |
|---|---|
| RGB | rgb(185, 156, 217) |
| HSL | hsl(269, 45%, 73%) |
| HSV | hsv(269, 28%, 85%) |
| CMYK | cmyk(14.7%, 28.1%, 0%, 14.9%) |
| CIE-LAB | lab(68.82, 22.39, -27.05) |
| CIE-LCH | lch(68.82, 35.11, 309.61°) |
| OKLab | oklab(74% 0.0538 -0.0741) |
| OKLCH | oklch(74% 0.092 306) |
| XYZ | xyz(44.4180, 39.1012, 70.8395) |
| Luminance | 0.3910 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Lavender
#B39DDB
ΔE00 1.87
Pale Purple
#B790D4
ΔE00 3.48
Lavender (survey)
#C79FEF
ΔE00 4.32
Baby Purple
#CA9BF7
ΔE00 6.12
Pale Violet
#CEAEFA
ΔE00 6.29
Lilac (survey)
#CEA2FD
ΔE00 6.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B99CD9 #BCD99C
analogous
#9C9DD9 #B99CD9 #D89CD9
triadic
#B99CD9 #D9B99C #9CD9B9
tetradic
#B99CD9 #D99C9D #BCD99C #9CD9D8
square
#B99CD9 #D99C9D #BCD99C #9CD9D8
split-complementary
#B99CD9 #D9D89C #9DD99C
monochromatic
#7B46B5 #9A70C8 #B99CD9 #D8C8EA #EFE9F7
إمكانية الوصول والتباين
On white
2.38
#B99CD9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.82
#B99CD9 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B99CD9
8.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B99CD9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B99CD9 | 1.00 | 2.38 | 8.82 | 8.82 |
| #FFFFFF | 2.38 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#91A7DC
Deuteranopia (green-blind)
#96A8D7
Tritanopia (blue-blind)
#B5A5B2
Achromatopsia (no color)
#A8A8A8
وسوم التصميم والكود
CSS
--color: #b99cd9; /* rgb */ color: rgb(185, 156, 217); /* oklch */ color: oklch(74.0% 0.092 306.0);
Tailwind
colors: {
custom: {
50: '#ceb9e5',
500: '#b99cd9',
950: '#000000',
},
}SCSS
$custom: #b99cd9; $custom-light: #ceb9e5; $custom-dark: #000000;
JSON
{
"hex": "#b99cd9",
"rgb": {
"r": 185,
"g": 156,
"b": 217
},
"hsl": {
"h": 268.525,
"s": 44.526,
"l": 73.137
},
"oklch": {
"l": 0.73997,
"c": 0.09159,
"h": 306
},
"luminance": 0.39101
}Semantic roles & 50–950 ramp
primary
#B99CD9
secondary
#E6EDDE
accent
#B82E76
background
#FCFBFE
surface
#F9F6FC
border
#D2D0D5
text
#141115
muted
#828084