#879FA2#879FA2
#879FA2 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.326؛ OKLCH L 68.5% C 0.027 H 205.8°. أفضل لون لنص المتن هو #000000 بتباين 7.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #879FA2 |
|---|---|
| RGB | rgb(135, 159, 162) |
| HSL | hsl(187, 13%, 58%) |
| HSV | hsv(187, 17%, 64%) |
| CMYK | cmyk(16.7%, 1.9%, 0%, 36.5%) |
| CIE-LAB | lab(63.80, -7.70, -4.37) |
| CIE-LCH | lch(63.80, 8.86, 209.59°) |
| OKLab | oklab(68.5% -0.0246 -0.0118) |
| OKLCH | oklch(68.5% 0.027 205.8) |
| XYZ | xyz(28.9097, 32.5550, 38.9360) |
| Luminance | 0.3256 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Cool Grey
#95A3A6
ΔE00 4.07
Bluegrey
#85A3B2
ΔE00 5.39
Pewter
#899397
ΔE00 6.25
Bluey Grey
#89A0B0
ΔE00 6.48
Cool Gray
#9AA7B0
ΔE00 6.78
Greyblue
#77A1B5
ΔE00 7.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#879FA2 #A28A87
analogous
#87A297 #879FA2 #8791A2
triadic
#879FA2 #A2879F #9FA287
tetradic
#879FA2 #9787A2 #A28A87 #91A287
square
#879FA2 #9787A2 #A28A87 #91A287
split-complementary
#879FA2 #A28791 #A29787
monochromatic
#4C6062 #678285 #879FA2 #A9BBBD #CCD6D7
إمكانية الوصول والتباين
On white
2.80
#879FA2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.51
#879FA2 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #879FA2
7.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##879FA2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##879FA2 | 1.00 | 2.80 | 7.51 | 7.51 |
| #FFFFFF | 2.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9B9DA2
Deuteranopia (green-blind)
#9699A2
Tritanopia (blue-blind)
#7FA1A0
Achromatopsia (no color)
#9B9B9B
وسوم التصميم والكود
CSS
--color: #879fa2; /* rgb */ color: rgb(135, 159, 162); /* oklch */ color: oklch(68.5% 0.027 205.8);
Tailwind
colors: {
custom: {
50: '#aabbbd',
500: '#879fa2',
950: '#000000',
},
}SCSS
$custom: #879fa2; $custom-light: #aabbbd; $custom-dark: #000000;
JSON
{
"hex": "#879fa2",
"rgb": {
"r": 135,
"g": 159,
"b": 162
},
"hsl": {
"h": 186.667,
"s": 12.676,
"l": 58.235
},
"oklch": {
"l": 0.68499,
"c": 0.02727,
"h": 205.8
},
"luminance": 0.32556
}Semantic roles & 50–950 ramp
primary
#879FA2
secondary
#C8BEBD
accent
#7A72B6
background
#FAFBFB
surface
#F4F6F6
border
#CED0D0
text
#101112
muted
#7F8081