#AFA9A2#AFA9A2
#AFA9A2 لون فاتح ومحايد تقريباً من عائلة grey. الإضاءة النسبية 0.401؛ OKLCH L 73.8% C 0.012 H 71.9°. أفضل لون لنص المتن هو #000000 بتباين 9.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AFA9A2 |
|---|---|
| RGB | rgb(175, 169, 162) |
| HSL | hsl(32, 8%, 66%) |
| HSV | hsv(32, 7%, 69%) |
| CMYK | cmyk(0%, 3.4%, 7.4%, 31.4%) |
| CIE-LAB | lab(69.54, 0.89, 4.37) |
| CIE-LCH | lch(69.54, 4.46, 78.55°) |
| OKLab | oklab(73.78% 0.0038 0.0115) |
| OKLCH | oklch(73.78% 0.012 71.9) |
| XYZ | xyz(38.3880, 40.0989, 39.8930) |
| Luminance | 0.4010 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Dark Gray
#A9A9A9
ΔE00 4.15
Stone
#A89F91
ΔE00 4.34
Greyish
#A8A495
ΔE00 4.61
Greige
#B8AB98
ΔE00 5.32
Cement
#A5A391
ΔE00 6.41
Warm Gray
#C9BEB0
ΔE00 6.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AFA9A2 #A2A8AF
analogous
#AFA2A2 #AFA9A2 #AEAFA2
triadic
#AFA9A2 #A2AFA9 #A9A2AF
tetradic
#AFA9A2 #A2AFA2 #A2A8AF #AFA2AE
square
#AFA9A2 #A2AFA2 #A2A8AF #AFA2AE
split-complementary
#AFA9A2 #A2AEAF #A2A2AF
monochromatic
#736C63 #938B81 #AFA9A2 #CBC7C3 #E8E6E4
إمكانية الوصول والتباين
On white
2.33
#AFA9A2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.02
#AFA9A2 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AFA9A2
9.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AFA9A2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AFA9A2 | 1.00 | 2.33 | 9.02 | 9.02 |
| #FFFFFF | 2.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ABA9A2
Deuteranopia (green-blind)
#ADAAA2
Tritanopia (blue-blind)
#B2A8A7
Achromatopsia (no color)
#AAAAAA
وسوم التصميم والكود
CSS
--color: #afa9a2; /* rgb */ color: rgb(175, 169, 162); /* oklch */ color: oklch(73.8% 0.012 71.9);
Tailwind
colors: {
custom: {
50: '#c6c2bd',
500: '#afa9a2',
950: '#000000',
},
}SCSS
$custom: #afa9a2; $custom-light: #c6c2bd; $custom-dark: #000000;
JSON
{
"hex": "#afa9a2",
"rgb": {
"r": 175,
"g": 169,
"b": 162
},
"hsl": {
"h": 32.308,
"s": 7.514,
"l": 66.078
},
"oklch": {
"l": 0.73776,
"c": 0.01211,
"h": 71.9
},
"luminance": 0.40099
}Semantic roles & 50–950 ramp
primary
#AFA9A2
secondary
#D4D6D9
accent
#709154
background
#FCFBFB
surface
#F8F7F6
border
#D1D0D0
text
#131212
muted
#828181