#A7998F#A7998F
#A7998F لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.330؛ OKLCH L 69.2% C 0.022 H 57.9°. أفضل لون لنص المتن هو #000000 بتباين 7.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A7998F |
|---|---|
| RGB | rgb(167, 153, 143) |
| HSL | hsl(25, 12%, 61%) |
| HSV | hsv(25, 14%, 65%) |
| CMYK | cmyk(0%, 8.4%, 14.4%, 34.5%) |
| CIE-LAB | lab(64.15, 3.41, 7.11) |
| CIE-LCH | lch(64.15, 7.89, 64.40°) |
| OKLab | oklab(69.22% 0.0117 0.0186) |
| OKLCH | oklch(69.22% 0.022 57.9) |
| XYZ | xyz(32.2852, 32.9817, 30.6466) |
| Luminance | 0.3298 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Stone
#A89F91
ΔE00 4.06
Warm Grey
#978A84
ΔE00 5.30
Mushroom
#BA9E88
ΔE00 6.48
Greige
#B8AB98
ΔE00 6.78
Greyish
#A8A495
ΔE00 7.02
Dark Gray
#A9A9A9
ΔE00 8.39
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A7998F #8F9DA7
analogous
#A78F91 #A7998F #A7A58F
triadic
#A7998F #8FA799 #998FA7
tetradic
#A7998F #91A78F #8F9DA7 #A58FA7
square
#A7998F #91A78F #8F9DA7 #A58FA7
split-complementary
#A7998F #8FA7A5 #8F91A7
monochromatic
#695C53 #8B7A6D #A7998F #C2B8B1 #DDD7D4
إمكانية الوصول والتباين
On white
2.76
#A7998F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.60
#A7998F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A7998F
7.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A7998F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A7998F | 1.00 | 2.76 | 7.60 | 7.60 |
| #FFFFFF | 2.76 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.60 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9D9A8E
Deuteranopia (green-blind)
#A09D8F
Tritanopia (blue-blind)
#AC9696
Achromatopsia (no color)
#9B9B9B
وسوم التصميم والكود
CSS
--color: #a7998f; /* rgb */ color: rgb(167, 153, 143); /* oklch */ color: oklch(69.2% 0.022 57.9);
Tailwind
colors: {
custom: {
50: '#c1b7af',
500: '#a7998f',
950: '#000000',
},
}SCSS
$custom: #a7998f; $custom-light: #c1b7af; $custom-dark: #000000;
JSON
{
"hex": "#a7998f",
"rgb": {
"r": 167,
"g": 153,
"b": 143
},
"hsl": {
"h": 25,
"s": 12,
"l": 60.784
},
"oklch": {
"l": 0.69222,
"c": 0.02197,
"h": 57.9
},
"luminance": 0.32981
}Semantic roles & 50–950 ramp
primary
#A7998F
secondary
#C4CACD
accent
#79964F
background
#FBFBFA
surface
#F7F6F4
border
#D0D0CE
text
#121110
muted
#81807F