#7E7DB2#7E7DB2
#7E7DB2 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.223؛ OKLCH L 61.1% C 0.080 H 284.6°. أفضل لون لنص المتن هو #000000 بتباين 5.46:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7E7DB2 |
|---|---|
| RGB | rgb(126, 125, 178) |
| HSL | hsl(241, 26%, 59%) |
| HSV | hsv(241, 30%, 70%) |
| CMYK | cmyk(29.2%, 29.8%, 0%, 30.2%) |
| CIE-LAB | lab(54.36, 12.62, -27.83) |
| CIE-LCH | lch(54.36, 30.56, 294.40°) |
| OKLab | oklab(61.13% 0.0202 -0.0772) |
| OKLCH | oklch(61.13% 0.08 284.6) |
| XYZ | xyz(23.9716, 22.3166, 45.1554) |
| Luminance | 0.2232 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Deep Lilac
#966EBD
ΔE00 9.18
Perrywinkle
#8F8CE7
ΔE00 9.62
Mediumpurple
#9370DB
ΔE00 10.08
Greyish Purple
#887191
ΔE00 10.52
Dark Lavender
#856798
ΔE00 10.54
Wisteria
#A87DC2
ΔE00 10.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7E7DB2 #B1B27D
analogous
#7D97B2 #7E7DB2 #997DB2
triadic
#7E7DB2 #B27E7D #7DB27E
tetradic
#7E7DB2 #B27D97 #B1B27D #7DB299
square
#7E7DB2 #B27D97 #B1B27D #7DB299
split-complementary
#7E7DB2 #B2997D #97B27D
monochromatic
#444371 #5B5A98 #7E7DB2 #A4A3C9 #CACAE0
إمكانية الوصول والتباين
On white
3.84
#7E7DB2 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.46
#7E7DB2 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7E7DB2
5.46:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7E7DB2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7E7DB2 | 1.00 | 3.84 | 5.46 | 5.46 |
| #FFFFFF | 3.84 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.46 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.46 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E84B4
Deuteranopia (green-blind)
#6D80B1
Tritanopia (blue-blind)
#718690
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #7e7db2; /* rgb */ color: rgb(126, 125, 178); /* oklch */ color: oklch(61.1% 0.080 284.6);
Tailwind
colors: {
custom: {
50: '#a4a2c9',
500: '#7e7db2',
950: '#000000',
},
}SCSS
$custom: #7e7db2; $custom-light: #a4a2c9; $custom-dark: #000000;
JSON
{
"hex": "#7e7db2",
"rgb": {
"r": 126,
"g": 125,
"b": 178
},
"hsl": {
"h": 241.132,
"s": 25.604,
"l": 59.412
},
"oklch": {
"l": 0.61133,
"c": 0.07975,
"h": 284.6
},
"luminance": 0.22317
}Semantic roles & 50–950 ramp
primary
#7E7DB2
secondary
#CFD0BB
accent
#C266C0
background
#FAF9FC
surface
#F4F2F8
border
#CECCD1
text
#0F0F13
muted
#7F7E82