#7B376D#7B376D
#7B376D لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.080؛ OKLCH L 44.7% C 0.118 H 335.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7B376D |
|---|---|
| RGB | rgb(123, 55, 109) |
| HSL | hsl(312, 38%, 35%) |
| HSV | hsv(312, 55%, 48%) |
| CMYK | cmyk(0%, 55.3%, 11.4%, 51.8%) |
| CIE-LAB | lab(34.08, 37.00, -17.79) |
| CIE-LCH | lch(34.08, 41.05, 334.32°) |
| OKLab | oklab(44.69% 0.1075 -0.0481) |
| OKLCH | oklch(44.69% 0.118 335.9) |
| XYZ | xyz(12.2950, 8.0483, 15.3709) |
| Luminance | 0.0805 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Bruise
#7E4071
ΔE00 2.38
Grape
#6C3461
ΔE00 3.50
Light Eggplant
#894585
ΔE00 5.68
Darkish Purple
#751973
ΔE00 7.17
Dirty Purple
#734A65
ΔE00 7.71
Warm Purple
#952E8F
ΔE00 7.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7B376D #377B45
analogous
#67377B #7B376D #7B374B
triadic
#7B376D #6D7B37 #376D7B
tetradic
#7B376D #7B6737 #377B45 #374B7B
square
#7B376D #7B6737 #377B45 #374B7B
split-complementary
#7B376D #4B7B37 #377B67
monochromatic
#261122 #512448 #7B376D #A54A92 #BE6EAE
إمكانية الوصول والتباين
On white
8.05
#7B376D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.61
#7B376D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #7B376D
8.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7B376D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7B376D | 1.00 | 8.05 | 2.61 | 8.05 |
| #FFFFFF | 8.05 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.05 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#384A6F
Deuteranopia (green-blind)
#4B546B
Tritanopia (blue-blind)
#813A4D
Achromatopsia (no color)
#505050
وسوم التصميم والكود
CSS
--color: #7b376d; /* rgb */ color: rgb(123, 55, 109); /* oklch */ color: oklch(44.7% 0.118 335.9);
Tailwind
colors: {
custom: {
50: '#a37197',
500: '#7b376d',
950: '#000000',
},
}SCSS
$custom: #7b376d; $custom-light: #a37197; $custom-dark: #000000;
JSON
{
"hex": "#7b376d",
"rgb": {
"r": 123,
"g": 55,
"b": 109
},
"hsl": {
"h": 312.353,
"s": 38.202,
"l": 34.902
},
"oklch": {
"l": 0.44692,
"c": 0.1178,
"h": 335.9
},
"luminance": 0.08047
}Semantic roles & 50–950 ramp
primary
#7B376D
secondary
#67A774
accent
#CE725A
background
#FAF7F9
surface
#F4EDF2
border
#CEC8CC
text
#0F080D
muted
#7F7B7E