#7D799C#7D799C
#7D799C لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.204؛ OKLCH L 59.2% C 0.053 H 289.9°. أفضل لون لنص المتن هو #000000 بتباين 5.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D799C |
|---|---|
| RGB | rgb(125, 121, 156) |
| HSL | hsl(247, 15%, 54%) |
| HSV | hsv(247, 22%, 61%) |
| CMYK | cmyk(19.9%, 22.4%, 0%, 38.8%) |
| CIE-LAB | lab(52.33, 9.17, -18.24) |
| CIE-LCH | lch(52.33, 20.42, 296.69°) |
| OKLab | oklab(59.25% 0.0181 -0.0499) |
| OKLCH | oklch(59.25% 0.053 289.9) |
| XYZ | xyz(21.2942, 20.4348, 34.2685) |
| Luminance | 0.2044 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Greyish Purple
#887191
ΔE00 6.84
Grey Purple
#826D8C
ΔE00 7.04
Purpley Grey
#947E94
ΔE00 8.56
Purple Grey
#866F85
ΔE00 8.74
Dark Lavender
#856798
ΔE00 8.93
Purplish Grey
#7A687F
ΔE00 8.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D799C #989C79
analogous
#79879C #7D799C #8F799C
triadic
#7D799C #9C7D79 #799C7D
tetradic
#7D799C #9C7987 #989C79 #799C8F
square
#7D799C #9C7987 #989C79 #799C8F
split-complementary
#7D799C #9C8F79 #879C79
monochromatic
#444259 #5F5C7C #7D799C #9F9CB6 #C1BFD0
إمكانية الوصول والتباين
On white
4.13
#7D799C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.09
#7D799C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7D799C
5.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D799C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7D799C | 1.00 | 4.13 | 5.09 | 5.09 |
| #FFFFFF | 4.13 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.09 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.09 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#717D9E
Deuteranopia (green-blind)
#717C9B
Tritanopia (blue-blind)
#777F85
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #7d799c; /* rgb */ color: rgb(125, 121, 156); /* oklch */ color: oklch(59.2% 0.053 289.9);
Tailwind
colors: {
custom: {
50: '#a39fb9',
500: '#7d799c',
950: '#000000',
},
}SCSS
$custom: #7d799c; $custom-light: #a39fb9; $custom-dark: #000000;
JSON
{
"hex": "#7d799c",
"rgb": {
"r": 125,
"g": 121,
"b": 156
},
"hsl": {
"h": 246.857,
"s": 15.021,
"l": 54.314
},
"oklch": {
"l": 0.59246,
"c": 0.05309,
"h": 289.9
},
"luminance": 0.20435
}Semantic roles & 50–950 ramp
primary
#7D799C
secondary
#BEC0B1
accent
#B870B0
background
#FAF9FB
surface
#F3F2F6
border
#CDCCD0
text
#0F0E11
muted
#7F7E80