#7C178D#7C178D
#7C178D لون داكن وزاهٍ من عائلة purple. الإضاءة النسبية 0.068؛ OKLCH L 43.4% C 0.188 H 321.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7C178D |
|---|---|
| RGB | rgb(124, 23, 141) |
| HSL | hsl(291, 72%, 32%) |
| HSV | hsv(291, 84%, 55%) |
| CMYK | cmyk(12.1%, 83.7%, 0%, 44.7%) |
| CIE-LAB | lab(31.40, 56.10, -42.05) |
| CIE-LCH | lch(31.40, 70.11, 323.15°) |
| OKLab | oklab(43.36% 0.1466 -0.118) |
| OKLCH | oklch(43.36% 0.188 321.2) |
| XYZ | xyz(13.4257, 6.8217, 25.8037) |
| Luminance | 0.0682 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purple (survey)
#7E1E9C
ΔE00 2.69
Purple
#800080
ΔE00 3.07
Darkmagenta
#8B008B
ΔE00 3.08
Darkish Purple
#751973
ΔE00 4.79
Barney Purple
#A00498
ΔE00 6.63
Rebeccapurple
#663399
ΔE00 6.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7C178D #288D17
analogous
#41178D #7C178D #8D1763
triadic
#7C178D #8D7C17 #178D7C
tetradic
#7C178D #8D4117 #288D17 #17638D
square
#7C178D #8D4117 #288D17 #17638D
split-complementary
#7C178D #638D17 #178D41
monochromatic
#1F0624 #4E0E58 #7C178D #AA20C2 #C83FE0
إمكانية الوصول والتباين
On white
8.88
#7C178D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.36
#7C178D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #7C178D
8.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7C178D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7C178D | 1.00 | 8.88 | 2.36 | 8.88 |
| #FFFFFF | 8.88 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.88 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#004390
Deuteranopia (green-blind)
#274D8A
Tritanopia (blue-blind)
#7D3254
Achromatopsia (no color)
#4A4A4A
وسوم التصميم والكود
CSS
--color: #7c178d; /* rgb */ color: rgb(124, 23, 141); /* oklch */ color: oklch(43.4% 0.188 321.2);
Tailwind
colors: {
custom: {
50: '#a663af',
500: '#7c178d',
950: '#000000',
},
}SCSS
$custom: #7c178d; $custom-light: #a663af; $custom-dark: #000000;
JSON
{
"hex": "#7c178d",
"rgb": {
"r": 124,
"g": 23,
"b": 141
},
"hsl": {
"h": 291.356,
"s": 71.951,
"l": 32.157
},
"oklch": {
"l": 0.43365,
"c": 0.18816,
"h": 321.2
},
"luminance": 0.06821
}Semantic roles & 50–950 ramp
primary
#7C178D
secondary
#52C040
accent
#EF3953
background
#FAF6FA
surface
#F4EBF4
border
#CEC6CE
text
#100610
muted
#7F7A7F