#796DA7#796DA7
#796DA7 لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.178؛ OKLCH L 56.9% C 0.089 H 292.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #796DA7 |
|---|---|
| RGB | rgb(121, 109, 167) |
| HSL | hsl(252, 25%, 54%) |
| HSV | hsv(252, 35%, 65%) |
| CMYK | cmyk(27.5%, 34.7%, 0%, 34.5%) |
| CIE-LAB | lab(49.24, 17.79, -29.45) |
| CIE-LCH | lch(49.24, 34.40, 301.14°) |
| OKLab | oklab(56.94% 0.0345 -0.0818) |
| OKLCH | oklch(56.94% 0.089 292.9) |
| XYZ | xyz(20.3271, 17.7919, 38.9150) |
| Luminance | 0.1779 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Dark Lavender
#856798
ΔE00 6.19
Deep Lilac
#966EBD
ΔE00 7.44
Deep Lavender
#8D5EB7
ΔE00 8.05
Faded Purple
#916E99
ΔE00 8.71
Grey Purple
#826D8C
ΔE00 8.79
Greyish Purple
#887191
ΔE00 8.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#796DA7 #9BA76D
analogous
#6D7EA7 #796DA7 #966DA7
triadic
#796DA7 #A7796D #6DA779
tetradic
#796DA7 #A76D7E #9BA76D #6DA796
square
#796DA7 #A76D7E #9BA76D #6DA796
split-complementary
#796DA7 #A7966D #7EA76D
monochromatic
#423A60 #5C5186 #796DA7 #9C93BE #BFB9D5
إمكانية الوصول والتباين
On white
4.61
#796DA7 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.56
#796DA7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #796DA7
4.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##796DA7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##796DA7 | 1.00 | 4.61 | 4.56 | 4.61 |
| #FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E76A9
Deuteranopia (green-blind)
#5F74A5
Tritanopia (blue-blind)
#6F7782
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #796da7; /* rgb */ color: rgb(121, 109, 167); /* oklch */ color: oklch(56.9% 0.089 292.9);
Tailwind
colors: {
custom: {
50: '#a197c1',
500: '#796da7',
950: '#000000',
},
}SCSS
$custom: #796da7; $custom-light: #a197c1; $custom-dark: #000000;
JSON
{
"hex": "#796da7",
"rgb": {
"r": 121,
"g": 109,
"b": 167
},
"hsl": {
"h": 252.414,
"s": 24.786,
"l": 54.118
},
"oklch": {
"l": 0.56936,
"c": 0.0888,
"h": 292.9
},
"luminance": 0.17792
}Semantic roles & 50–950 ramp
primary
#796DA7
secondary
#BFC4AC
accent
#C167AE
background
#FAF9FB
surface
#F3F2F7
border
#CDCCD0
text
#0F0D12
muted
#7F7E81