#816BCA#816BCA
#816BCA لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.194؛ OKLCH L 59.2% C 0.142 H 292.2°. أفضل لون لنص المتن هو #000000 بتباين 4.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #816BCA |
|---|---|
| RGB | rgb(129, 107, 202) |
| HSL | hsl(254, 47%, 61%) |
| HSV | hsv(254, 47%, 79%) |
| CMYK | cmyk(36.1%, 47%, 0%, 20.8%) |
| CIE-LAB | lab(51.21, 30.55, -46.54) |
| CIE-LCH | lch(51.21, 55.67, 303.28°) |
| OKLab | oklab(59.17% 0.0535 -0.1313) |
| OKLCH | oklch(59.17% 0.142 292.2) |
| XYZ | xyz(24.9688, 19.4462, 58.3036) |
| Luminance | 0.1945 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumpurple
#9370DB
ΔE00 4.37
Mediumslateblue
#7B68EE
ΔE00 5.80
Deep Lilac
#966EBD
ΔE00 6.23
Deep Lavender
#8D5EB7
ΔE00 6.48
Dark Periwinkle
#665FD1
ΔE00 6.58
Light Indigo
#6D5ACF
ΔE00 6.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#816BCA #B4CA6B
analogous
#6B84CA #816BCA #B16BCA
triadic
#816BCA #CA816B #6BCA81
tetradic
#816BCA #CA6B84 #B4CA6B #6BCAB1
square
#816BCA #CA6B84 #B4CA6B #6BCAB1
split-complementary
#816BCA #CAB16B #84CA6B
monochromatic
#463189 #5C41B6 #816BCA #A798DA #CEC5EA
إمكانية الوصول والتباين
On white
4.30
#816BCA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.89
#816BCA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #816BCA
4.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##816BCA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##816BCA | 1.00 | 4.30 | 4.89 | 4.89 |
| #FFFFFF | 4.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.89 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.89 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#497BCD
Deuteranopia (green-blind)
#4C78C8
Tritanopia (blue-blind)
#6F7D91
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #816bca; /* rgb */ color: rgb(129, 107, 202); /* oklch */ color: oklch(59.2% 0.142 292.2);
Tailwind
colors: {
custom: {
50: '#a995da',
500: '#816bca',
950: '#000000',
},
}SCSS
$custom: #816bca; $custom-light: #a995da; $custom-dark: #000000;
JSON
{
"hex": "#816bca",
"rgb": {
"r": 129,
"g": 107,
"b": 202
},
"hsl": {
"h": 253.895,
"s": 47.264,
"l": 60.588
},
"oklch": {
"l": 0.59168,
"c": 0.14177,
"h": 292.2
},
"luminance": 0.19447
}Semantic roles & 50–950 ramp
primary
#816BCA
secondary
#D2DAB6
accent
#BB2B99
background
#FAF9FD
surface
#F4F2FB
border
#CECCD4
text
#100D15
muted
#7F7E83